/* Journal is static and calm; homepage rules are scoped to its new section. */
.journal-page{margin:0;background:#0b111b;color:#e2e5ea;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.8;color-scheme:dark}
.journal-page *{box-sizing:border-box}
.journal-page a{color:#dfbd7f;text-underline-offset:5px;text-decoration-thickness:1px}
.journal-page a:hover{color:#fff0cf}
.journal-page :focus-visible,.journal-featured :focus-visible{outline:2px solid #e7bd70;outline-offset:5px;border-radius:2px}
.journal-header{max-width:1200px;margin:auto;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff18}
.journal-header>a{font-weight:700;font-size:20px;text-decoration:none;letter-spacing:.05em}
.journal-header nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px}
.journal-skip{position:absolute;left:20px;top:-90px;background:#142132;padding:10px;z-index:5}.journal-skip:focus{top:10px}
.journal-list{max-width:960px;margin:66px auto 0;padding:0 30px}
.journal-breadcrumb{font-size:13px;color:#8d9bad;margin:0 0 38px}
.journal-breadcrumb a{color:#a7b6c8}
.journal-eyebrow{font-size:12px;letter-spacing:.18em;color:#c9ad7b}
.journal-page h1{font-size:clamp(32px,5vw,48px);line-height:1.35;font-weight:650;letter-spacing:.02em;margin:16px 0}
.journal-intro{color:#aab6c6;font-size:18px;line-height:1.8;margin:16px 0 32px}
.journal-filters{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #ffffff20;padding:18px 0 28px;margin-top:30px}
.journal-filters a{border:1px solid #394150;border-radius:24px;padding:6px 18px;font-size:14px;text-decoration:none;color:#b7c4d3}
.journal-filters a[aria-current]{background:#dfbd7f;color:#101820;border-color:#dfbd7f}
.journal-card{padding:28px 0;border-bottom:1px solid #ffffff1a;overflow-wrap:anywhere}
.journal-card h2{font-size:24px;line-height:1.5;margin:8px 0 12px}.journal-card h2 a{text-decoration:none;color:inherit}
.journal-card>p:not(.journal-meta){color:#aab6c6;margin:12px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.journal-meta{font-size:13px;color:#9eacbf;line-height:1.8}
.journal-tags{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}.journal-tags a{color:#acb8c8}
.journal-empty{margin:30px 0 60px;padding:55px 24px;text-align:center;background:linear-gradient(140deg,#121e2b,#0f1722);border:1px solid #ffffff12;border-radius:8px}
.journal-empty>span{font-size:34px;color:#d8b779}.journal-empty h2{font-size:24px;font-weight:500}.journal-empty p{color:#9eacbf;font-size:16px}
.journal-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:32px 0;font-size:14px}
.journal-footer{max-width:960px;margin:64px auto 0;padding:32px 30px 50px;border-top:1px solid #ffffff18;font-size:13px;color:#8696aa}.journal-footer p{letter-spacing:.08em}
.journal-reading{max-width:1180px;padding:0 30px;margin:60px auto}.journal-reading>article{position:relative;width:100%;max-width:760px}
.journal-prose{font-size:18px;line-height:1.85;overflow-wrap:anywhere;min-width:0}.journal-prose p{margin:1.25em 0}
.journal-prose h1,.journal-prose h2,.journal-prose h3,.journal-prose h4{scroll-margin-top:24px;line-height:1.5;margin:1.8em 0 .7em}.journal-prose h2{font-size:28px}.journal-prose h3{font-size:23px}
.journal-prose img,.journal-cover{max-width:100%;height:auto;border-radius:4px}.journal-prose img{display:block;margin:24px auto}
.journal-caption{display:block;text-align:center;color:#9eacbf;font-size:13px;margin:-12px 0 24px}
.journal-prose blockquote{border-left:3px solid #b79a68;margin:24px 0;padding:1px 24px;color:#b8c4d4;background:#ffffff04}
.journal-prose pre{max-width:100%;overflow-x:auto;border:1px solid #ffffff18;background:#07101b;border-radius:6px;padding:22px;font-size:14px;line-height:1.7;tab-size:4}
.journal-prose :not(pre)>code{background:#ffffff0b;padding:2px 5px;border-radius:3px;font-size:.9em}.journal-prose hr{border:0;border-top:1px solid #ffffff25;margin:40px 0}
.journal-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px}.journal-prose td,.journal-prose th{border:1px solid #ffffff25;padding:10px 16px;min-width:100px}.journal-prose th{background:#ffffff08}
.journal-copy{display:block;margin:8px 0 0 auto;border:1px solid #44516a;background:#172337;color:#dfbd7f;padding:7px 14px;cursor:pointer;border-radius:4px}.journal-copy:disabled{opacity:.7}
.journal-toc{border:1px solid #ffffff20;border-radius:6px;padding:16px 20px;margin:28px 0;font-size:14px}.journal-toc summary{cursor:pointer;color:#d9bd8b}.journal-toc nav{display:flex;flex-direction:column;gap:10px;margin-top:15px}.journal-toc .toc-h3{padding-left:14px}.journal-toc a{color:#aab8cb;text-decoration:none}
.journal-extra{border-top:1px solid #ffffff20;margin-top:45px;padding-top:16px}.journal-extra>h2{font-size:20px;color:#c9af80}.journal-extra .journal-card h2{font-size:21px}
/* The TOC and article share a full-height grid, so sticky lasts for the whole article. */
.journal-toc{background:#0f1722;z-index:3}
.journal-toc nav{max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:4px 8px 8px 4px}
@media(min-width:1100px){.journal-reading:has(>.journal-toc){display:grid;grid-template-columns:280px minmax(0,760px);gap:40px;align-items:start}.journal-reading>.journal-toc{position:sticky;top:24px;max-height:calc(100dvh - 48px);margin:0}.journal-reading>article{min-width:0}}
@media(max-width:1099px){.journal-reading{max-width:820px}.journal-reading>.journal-toc{position:sticky;top:8px;margin:0 0 24px;padding:10px 16px;box-shadow:0 8px 20px #0005}.journal-toc nav{max-height:45dvh}.journal-prose h1,.journal-prose h2,.journal-prose h3,.journal-prose h4{scroll-margin-top:90px}}
@media(max-width:600px){.journal-header{padding:20px;align-items:flex-start;flex-direction:column;gap:14px}.journal-header nav{gap:16px}.journal-list,.journal-reading{padding:0 20px;margin-top:36px}.journal-breadcrumb{margin-bottom:26px}.journal-intro,.journal-prose{font-size:17px}.journal-page h1{font-size:32px}.journal-empty{padding:36px 15px}.journal-empty p{font-size:15px}.journal-footer{padding:26px 20px}.journal-card h2{font-size:22px}.journal-prose pre{padding:16px}.journal-prose h2{font-size:25px}}
.journal-featured[hidden]{display:none!important}
.journal-featured{grid-column:1/-1;box-sizing:border-box;width:88%;max-width:1400px;margin:60px auto;padding:32px;color:#e3e6ec;background:#111b28;border:1px solid #ffffff20;border-radius:8px;line-height:1.8}
[data-layout=editorial] .journal-featured{width:100%}
.journal-featured-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.journal-featured-heading h2{margin:0 0 12px;font-size:30px}.journal-featured-heading p{color:#b4bfcd;font-size:16px;line-height:1.8}.journal-featured a{color:#e3c38d;text-decoration:none}.journal-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.journal-featured .journal-card h2{font-size:22px}
@media(max-width:800px){.journal-featured{width:auto;margin:35px 20px;padding:24px}[data-layout=editorial] .journal-featured{width:auto;margin-left:0;margin-right:0}.journal-featured-grid{grid-template-columns:1fr;gap:0}.journal-featured-heading{align-items:flex-start;flex-direction:column}.site-header{flex-wrap:wrap!important;gap:16px!important}.site-header nav{display:flex!important;flex-wrap:wrap!important;gap:12px 18px!important;order:3;width:100%;justify-content:flex-start!important}.site-header nav a{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.journal-page *{scroll-behavior:auto!important;transition:none!important}}