.journal-public{--bg:#f7f6f2;--ink:#202626;--gold:#947844;background:var(--bg);color:var(--ink)}
.journal-public main{max-width:var(--site-frame-max)}.journal-public .journal-article{max-width:none;overflow-wrap:anywhere}.journal-public .article-body{max-width:925px}.journal-public .article-image img{height:auto}.journal-public .article-meta{flex-wrap:wrap}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 40px}.journal-card{min-width:0;overflow-wrap:anywhere}.journal-card-image{display:block;background:#eeece5;overflow:hidden}.journal-card-image img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.journal-card-copy{padding:28px 0}.journal-card h2{margin:18px 0;font-size:clamp(1.9rem,3vw,3rem)}.journal-card-link{display:block;height:100%;color:inherit;text-decoration:none}.journal-card-link:hover,.journal-card-link:focus-visible{color:inherit;text-decoration:none}.journal-card:hover h2,.journal-card:focus-within h2,.journal-card:hover .journal-read,.journal-card:focus-within .journal-read{color:var(--gold)}.journal-card-link:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.journal-card .article-meta{justify-content:flex-start;gap:12px 24px;font-size:.75rem}.journal-read{display:inline-block;margin-top:25px;border-bottom:1px solid var(--gold);padding-bottom:8px;font-size:.85rem}.journal-read span{margin-left:15px}.journal-card-featured{grid-column:1/-1;background:#eeece5;border:1px solid var(--line)}.journal-card-featured .journal-card-link{display:grid;grid-template-columns:1.35fr 1fr}.journal-card-featured .journal-card-copy{padding:50px 45px;align-self:center}.journal-card-featured .journal-card-image img{height:100%;min-height:400px;aspect-ratio:auto}.journal-card-featured:not(:has(.journal-card-image)) .journal-card-link{display:block}.journal-state{max-width:800px;margin:60px auto 100px;padding:45px 0;border-block:1px solid var(--line)}.journal-state h1,.journal-state h2{margin-top:24px}.journal-state p{max-width:560px}.journal-state .button{margin-top:24px}
@media(max-width:700px){.journal-grid{grid-template-columns:1fr;gap:32px}.journal-card-featured .journal-card-link{display:block}.journal-card-featured .journal-card-copy{padding:28px}.journal-card-featured .journal-card-image img{height:auto;min-height:0;aspect-ratio:1.35}.journal-card .article-meta{flex-direction:row}.journal-state{margin:30px auto 65px;padding:30px 0}}

/* Match the Store's calm cadence on hover and keyboard focus, in both directions. */
.journal-card h2,.journal-card .journal-read{transition:color var(--motion-duration) var(--motion-easing)}
.journal-card .journal-read span{display:inline-block;transform:translateX(0);transition:transform var(--motion-duration) var(--motion-easing)}
.journal-card:hover .journal-read span,.journal-card:focus-within .journal-read span{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.journal-card h2,.journal-card .journal-read,.journal-card .journal-read span{transition:none}.journal-card .journal-read span{transform:none!important}}

/* A slower, image-only zoom for every Journal card; the existing frame clips it. */
.journal-card-link .journal-card-image img{transform:scale(1);transform-origin:center;transition:transform 800ms var(--motion-easing)}
@media(hover:hover) and (pointer:fine){.journal-card-link:hover .journal-card-image img{transform:scale(1.04)}}
.journal-card-link:focus-visible .journal-card-image img{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.journal-card-link .journal-card-image img{transition:none;transform:none!important}}

/* Keep article paragraphs compact, including blank-line-separated pasted text. */
.journal-public .article-body>p{margin-bottom:16px}

/* Latest publications: reuse the Journal's native card links, colors and calm motion. */
.journal-latest{max-width:none;margin:85px auto 0;padding-top:50px;border-top:1px solid var(--line)}
.home-latest{max-width:var(--site-frame-max);margin:0 auto;padding:0 6vw 90px;border-top:0}
.journal-latest-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}
.journal-latest-heading h2{font-size:clamp(2rem,3vw,3rem);margin:16px 0 0;line-height:1.14}
.journal-all-link{flex-shrink:0;font-size:.85rem;border-bottom:1px solid var(--gold);padding-bottom:8px;text-decoration:none}
.journal-all-link span{margin-left:12px}.journal-all-link:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.journal-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.journal-latest .journal-card-copy{padding:24px 0 0}
.journal-latest .journal-card h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.65rem,2.2vw,2.2rem);line-height:1.18;margin:16px 0;transition:color var(--motion-duration) var(--motion-easing)}
.journal-latest .journal-card:hover h3,.journal-latest .journal-card:focus-within h3{color:var(--gold)}
.journal-latest .journal-card p{font-size:.92rem;line-height:1.75;margin-bottom:18px}
.journal-latest .journal-card .article-meta{flex-wrap:wrap;gap:8px 16px;font-size:.72rem}
.journal-latest .journal-card .journal-read{margin-top:22px}
.journal-latest-state{max-width:600px;color:var(--muted);margin:0}
@media(max-width:1000px){.journal-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}
@media(max-width:700px){.journal-latest{margin-top:60px;padding-top:35px}.home-latest{margin-top:0;padding:0 6vw 60px}.journal-latest-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:30px}.journal-latest-grid{grid-template-columns:1fr;gap:38px}.journal-latest .journal-card h3{font-size:1.9rem}.journal-latest .journal-card .article-meta{flex-direction:row}}
@media(prefers-reduced-motion:reduce){.journal-latest .journal-card h3{transition:none}}

/* Reserve cover space before the image response arrives, retaining centered
   desktop cropping and the existing 1.35 mobile crop/65% focal position. */
@media(min-width:701px){.journal-public .article-image img{aspect-ratio:1.5}}
/* Removing the redundant card eyebrow must not leave its old title spacing. */
.journal-card .journal-card-copy>h2:first-child,.journal-card .journal-card-copy>h3:first-child{margin-top:0}

/* Equal-height card rows keep the reading links aligned without clipping copy.
   The full-width featured story and the single-column mobile flow stay natural. */
@media(min-width:701px){
 .journal-grid{grid-template-rows:auto;grid-auto-rows:1fr;align-items:stretch}
 .journal-latest-grid{grid-auto-rows:1fr;align-items:stretch}
 .journal-card:not(.journal-card-featured) .journal-card-link{display:flex;flex-direction:column}
 .journal-card:not(.journal-card-featured) .journal-card-image{flex-shrink:0}
 .journal-card:not(.journal-card-featured) .journal-card-copy{display:flex;flex-direction:column;flex:1}
 .journal-card:not(.journal-card-featured) .article-meta{margin-top:auto}
 .journal-card:not(.journal-card-featured) .journal-read{align-self:flex-start}
}
