.journal{max-width:1120px;margin:auto;padding:50px 6% 90px}.journal-hero{padding:30px 0 65px;border-bottom:1px solid var(--line)}.journal h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6vw,76px);line-height:1.16;letter-spacing:-1.5px;margin:24px 0}.journal-intro{color:var(--muted);font-size:19px;max-width:690px}.journal-topics{display:flex;flex-wrap:wrap;gap:25px;color:var(--gold);font-size:12px;margin-top:35px}.journal-empty{padding:65px 0 75px;max-width:650px}.record-mark{font-size:64px;color:var(--gold);line-height:1}.journal h2{font-family:var(--serif);font-weight:400;font-size:clamp(25px,3vw,36px);line-height:1.4}.journal-empty p,.article-card>p{color:var(--muted)}.journal-cta{border-top:1px solid var(--line);padding:40px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.journal-cta h2{font-size:26px}.article-card{padding:38px 0;border-bottom:1px solid var(--line)}.article-card h2 a:hover{color:var(--gold)}.journal-article{max-width:760px;margin:auto}.journal-article>.eyebrow{margin-top:50px}.journal-article h1{font-size:clamp(36px,5vw,60px)}.article-meta{font-size:13px;color:var(--muted)}.article-body{font-size:18px;line-height:1.95;border-top:1px solid var(--line);margin-top:40px;padding-top:25px;overflow-wrap:anywhere}.article-body h2{margin-top:45px}.article-body a{color:var(--gold);text-decoration:underline}.article-body li{margin-bottom:10px}@media(max-width:700px){.journal-nav{flex-wrap:wrap;gap:18px}.journal-nav .edition{display:none}.journal-nav>nav{display:flex!important;gap:14px;font-size:12px}.journal{padding-top:15px}.journal-hero{padding-bottom:40px}.journal-cta{align-items:flex-start;flex-direction:column}.journal-cta .button{white-space:normal}.journal-empty{padding:45px 0}.journal h1{letter-spacing:-.5px}}
.article-figure{margin:35px 0}.article-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:5px}.article-figure figcaption{margin-top:12px;font-size:12px;line-height:1.7;color:var(--muted)}.journal-nav>nav{flex-wrap:wrap}.article-body h3{font-size:24px;line-height:1.5;margin-top:38px}
.journal-nav>nav{align-items:center}.journal-nav .language-menu{margin:0}.journal-nav .language-menu nav{z-index:20}.journal-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}.journal-hero h1{font-size:clamp(40px,4.6vw,66px)}.journal-cover{margin:0;overflow:hidden;border-radius:3px}.journal-cover img{display:block;width:100%;height:420px;object-fit:cover}.article-share{border-top:1px solid var(--line);margin-top:45px;padding-top:24px}.article-share h2{font-family:inherit;font-size:18px}.share-actions{display:flex;flex-wrap:wrap;gap:10px}.share-actions a,.share-actions button{font:inherit;font-size:13px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:3px;padding:10px 15px;cursor:pointer}.share-actions a:hover,.share-actions button:hover{border-color:var(--gold);color:var(--gold)}.share-actions [hidden],.share-fallback[hidden]{display:none}.share-status,.share-fallback{font-size:13px;color:var(--muted);line-height:1.7}.share-status{min-height:22px}.share-fallback input{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:10px;color:var(--ink);background:#141613;border:1px solid var(--line);font:inherit}.article-share :focus-visible,.language-menu :focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(max-width:800px){.journal-hero{grid-template-columns:1fr;gap:28px}.journal-cover img{height:auto;aspect-ratio:16/9;object-fit:cover}.journal-topics{margin-top:24px}.journal-hero h1{font-size:clamp(40px,7vw,60px)}}

.article-phone{max-width:360px;margin:32px auto}.article-phone img{border-radius:18px}.article-phone figcaption{max-width:360px}

/* Editorial links use published, same-language articles. */
.related-reading{margin:3rem 0;padding-top:2rem;border-top:1px solid #ffffff24}.related-reading h2{font-size:1.5rem;margin:0 0 1.25rem}.related-reading>div{display:grid;gap:12px}.related-article{display:block;padding:20px;border:1px solid #ffffff24;border-radius:12px;text-decoration:none;color:inherit;background:#ffffff03;transition:background .2s,border-color .2s}.related-article:hover,.related-article:focus-visible{background:#ffffff09;border-color:#c6af7d}.related-article h3{font-size:1.1rem;line-height:1.5;margin:0 0 8px;color:#d0bd95}.related-article p{font-size:.95rem;line-height:1.7;margin:0;color:#b6b8af}

/* Genre previews sit outside the article and never change its reading width. */
.article-layout{position:relative}
.article-layout>.article-genres{position:absolute;left:calc(50% + 420px);top:150px;width:min(320px,calc(50vw - 444px));display:grid;gap:16px}
.article-genre-preview{display:block;overflow:hidden;border:1px solid #ffffff1c;border-radius:16px;background:#202622;text-decoration:none;transition:border-color .2s}
.article-genre-preview:hover{border-color:var(--gold)}
.article-genre-preview svg{display:block;width:100%;height:auto}
.article-genre-preview span{display:block;padding:0 18px 18px;font-size:12px;line-height:1.6;color:var(--muted)}
@media(max-width:1400px){.article-layout>.article-genres{position:static;width:auto;max-width:760px;margin:0 auto 32px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.article-genre-preview svg{max-height:180px}}
.article-export .journal-article{width:100%;max-width:none;margin:0}.article-export h1{font-family:var(--serif);font-size:42px;line-height:1.25;margin:24px 0}.article-export .journal-intro{font-size:18px}.article-export img{max-width:100%;height:auto}.article-export .article-body{font-size:18px}.share-actions button:disabled{opacity:.65;cursor:wait}

/* Category navigation in the right-hand column of the blog index.
   Markup order puts it before the list so narrow screens show it on top;
   the grid places it back on the right from 980px up. */
.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:62px;align-items:start}
.journal-layout>.article-list{grid-column:1;grid-row:1;min-width:0}
.category-nav{grid-column:2;grid-row:1;position:sticky;top:130px;border-left:1px solid var(--line);padding-left:28px}
.journal .category-nav-title{font-family:Mono,monospace;font-size:11px;font-weight:400;letter-spacing:2.2px;line-height:1.5;color:var(--gold);margin:0 0 20px}
.category-list{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.category-item{display:flex;align-items:baseline;justify-content:space-between;gap:14px;width:100%;padding:8px 0;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:14px;line-height:1.5;text-align:left;transition:color .18s,border-color .18s}
.category-item:hover{color:var(--ink);border-bottom-color:#bb9e7155}
.category-item[aria-pressed=true]{color:var(--blue)}
.category-item[aria-pressed=true] .category-count{color:var(--gold)}
.category-name{min-width:0}
.category-count{flex:none;font-family:Mono,monospace;font-size:11px;letter-spacing:1px;color:#6f7268}
.category-note{margin:18px 0 0;font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:980px){.journal-layout{grid-template-columns:minmax(0,1fr);gap:0}.category-nav{grid-column:1;grid-row:1;position:static;border-left:0;border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:36px}.category-list{display:flex;flex-wrap:wrap;gap:8px}.category-item{width:auto;padding:7px 13px;gap:10px;border:1px solid var(--line);border-radius:3px}.category-item:hover{border-color:#bb9e7155}.category-item[aria-pressed=true]{border-color:#bb9e7166;background:#c6b59414}.journal-layout>.article-list{grid-column:1;grid-row:2}}