/* WO211: XS editorial hierarchy, scoped to Journal; site chrome stays shared. */
.journal-page { --journal-soft: #55554f; --journal-grey: #767670; }
.journal-skip { position:fixed;z-index:200;top:.5rem;left:var(--gutter);padding:.6rem 1rem;background:var(--paper);border:1px solid var(--ink);transform:translateY(-150%); }
.journal-skip:focus { transform:translateY(0); }
.journal-page a:focus-visible { outline:1px solid var(--ink);outline-offset:4px; }
.journal-index { padding-top:9rem;padding-bottom:10rem; }
.journal-index__heading { padding-bottom:56px; }
.journal-index h1 { font-size:clamp(56px,7.5vw,108px);font-weight:300;line-height:.95;letter-spacing:-.01em;margin-top:14px; }
.journal-year { display:block;color:var(--journal-grey); }
.journal-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;row-gap:120px; }
.journal-card { min-width:0; }
.journal-card__image { display:block;aspect-ratio:4/5;overflow:hidden;background:var(--paper-dim); }
.journal-card__image img { width:100%;height:100%;object-fit:cover; }
.journal-card__copy { padding-top:22px; }
.journal-card h2 { font-size:22px;font-weight:400;line-height:1.2;letter-spacing:-.005em;margin:0 0 8px; }
.journal-card__byline { font-size:12px;color:var(--journal-grey);letter-spacing:.04em; }
.journal-card p { margin-top:12px;font-size:17px;line-height:1.45;color:var(--journal-soft);max-width:34em; }
.journal-heading { padding-top:7rem;padding-bottom:40px;max-width:1276px; }
.journal-breadcrumb { display:flex;flex-wrap:wrap;gap:.5rem;font-size:12px;color:var(--journal-grey);margin-bottom:2rem; }
.journal-heading h1 { font-size:clamp(48px,6.6vw,96px);font-weight:300;line-height:.98;letter-spacing:-.015em;margin:14px 0 24px; }
.journal-deck { font-size:clamp(20px,1.9vw,28px);line-height:1.3;color:var(--journal-soft);max-width:30em;margin:0 0 22px;font-weight:300; }
.journal-byline { display:flex;flex-wrap:wrap;gap:.3em;font-size:12px;color:var(--journal-grey);letter-spacing:.04em; }
.journal-updated { flex-basis:100%; }
.journal-hero-wrap { max-width:1276px;margin-inline:auto; }
.journal-figure { margin:56px auto;width:100%;max-width:1180px; }
.journal-figure img { width:auto;height:auto;max-width:100%;max-height:880px;margin-inline:auto;background:var(--paper-dim);object-fit:contain; }
.journal-figure figcaption { display:flex;flex-direction:column;gap:.3rem;text-align:center;color:var(--journal-grey);font-size:12px;line-height:1.55;margin-top:10px; }
.journal-figure figcaption:empty { display:none; }
.journal-hero { margin:0 auto 72px; }
.journal-prose { max-width:1276px;margin-inline:auto;padding-inline:var(--gutter); }
.journal-prose > p,.journal-prose > h2 { max-width:620px;margin-inline:auto; }
.journal-prose > p { font-size:18px;line-height:1.6;margin-bottom:26px; }
.journal-prose > ul { max-width:620px;margin:0 auto 26px;padding-left:1.2em;font-size:18px;line-height:1.6; }   /* WO349: a plain bullet list sits in the text column */
.journal-prose > ul li { margin-bottom:8px; }
.journal-prose > p.journal-lead { font-size:22px;line-height:1.5;max-width:46em;margin:0 0 56px;font-weight:300; }
.journal-prose > h2 { font-size:26px;line-height:1.3;font-weight:400;margin-top:64px;margin-bottom:18px;letter-spacing:-.01em;scroll-margin-top:6rem; }
.journal-table { max-width:620px;margin:0 auto 32px;overflow-x:auto; }
.journal-table table { width:100%;border-collapse:collapse;font-size:16px;line-height:1.45; }
.journal-table th,.journal-table td { text-align:left;vertical-align:top;padding:12px 14px 12px 0;border-bottom:1px solid var(--line,#d7d7d2);font-weight:400; }
.journal-table thead th { font-size:12px;letter-spacing:.12em;text-transform:uppercase; }
.journal-table tbody th { font-weight:500; }
.journal-prose a { text-decoration:underline;text-underline-offset:.2em; }
.journal-image-pair { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;max-width:980px;margin:56px auto;align-items:start; }
.journal-image-pair .journal-figure { margin:0;min-width:0; }
.journal-image-pair img { width:100%;height:auto;max-height:none; }
.journal-image-pair--small { max-width:620px;gap:24px; }
.journal-related { max-width:652px;padding:24px 16px 0;margin:64px auto 0;border-top:1px solid var(--hairline); }
.journal-related ul { display:flex;flex-wrap:wrap;list-style:none;gap:.5rem 1.75rem;margin-top:1rem; }
.journal-related a:hover,.journal-card h2 a:hover { text-decoration:underline;text-underline-offset:.2em; }
.journal-end { max-width:620px;margin:72px auto 0;border-top:1px solid var(--hairline);padding-top:24px;font-size:12px;color:var(--journal-grey); }
.journal-more { display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:120px;padding-bottom:96px;border-top:1px solid var(--hairline);margin-top:120px; }
.journal-reading-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:620px;margin-top:20px; }
.journal-reading .journal-card h2 { font-size:15px; }
.journal-reading .journal-card p { display:none; }
.journal-reading .journal-card__byline { font-size:11px; }
.journal-next h2 { font-size:clamp(34px,4.2vw,60px);font-weight:300;line-height:1;letter-spacing:-.015em;margin:16px 0 12px; }
.journal-next p { font-size:20px;color:var(--journal-soft);font-weight:300;max-width:22em; }
.journal-back { padding:0 var(--gutter) 96px;max-width:1276px;margin-inline:auto; }
@media(max-width:760px) {
 .journal-index { padding-top:7rem;padding-bottom:96px; }
 .journal-index__heading { padding-bottom:36px; }
 .journal-grid { grid-template-columns:1fr;row-gap:72px; }
 .journal-card p { font-size:16px; }
 .journal-heading { padding-top:6rem;padding-bottom:28px; }
 .journal-hero { margin-bottom:40px; }
 .journal-figure img { max-height:none;width:100%; }
 .journal-prose > p { font-size:17px; }
 .journal-prose > ul { font-size:17px; }
 .journal-prose > p.journal-lead { font-size:19px;margin-bottom:36px; }
 .journal-image-pair,.journal-image-pair--extend02,.journal-image-pair--small { grid-template-columns:minmax(0,1fr);gap:24px; }
 .journal-end { margin:72px var(--gutter) 0; }
 .journal-more { grid-template-columns:1fr;padding-top:72px;padding-bottom:72px;margin-top:72px;gap:64px; }
 .journal-back { padding-bottom:96px; }
}