@layer components{.journal-list{padding-block:clamp(var(--space-25), 4.44vw, var(--space-4)) clamp(var(--space-3), 6.67vw, var(--space-6))}.journal-list-items{inline-size:100%;max-inline-size:60rem;margin-inline:auto}.journal-list-item{border-block-start:1px solid var(--color-border);gap:var(--space-125);padding-block:var(--space-2);flex-direction:column;display:flex;position:relative}.journal-list-item:last-child{border-block-end:1px solid var(--color-border)}.journal-list-image{border-radius:var(--radius-small);block-size:auto;inline-size:100%}.journal-list-text{gap:var(--space-075);flex-direction:column;display:flex}@media (min-width:40rem){.journal-list-item{align-items:center;gap:var(--space-15);flex-direction:row}.journal-list-image{flex:none;inline-size:10rem}}.journal-list-date{background:var(--gradient-accent);color:#0000;font-size:var(--font-size-small);background-clip:text;inline-size:fit-content;font-weight:500}.journal-list-title{font-size:var(--font-size-title-3)}.journal-list-link{transition:color .15s ease-in-out}.journal-list-link:after{border-radius:var(--radius-small);content:"";position:absolute;inset:0}.journal-list-item:hover .journal-list-link{color:var(--color-link-hover)}.journal-list-link:focus-visible{outline:none}.journal-list-link:focus-visible:after{outline:2px solid var(--color-accent);outline-offset:3px}}