.preview-strip{position:relative;padding:9px 20px;text-align:center;font-size:12px;background:var(--ink);color:var(--bg);z-index:51;letter-spacing:.05em}
.nav{top:40px}.nav.solid{top:0}
.knowledge{padding:80px 0}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}
.entry{display:flex;flex-direction:column;gap:16px;padding:30px;background:var(--paper);border:1px solid var(--rule);border-radius:16px;transition:border-color .2s,transform .2s}
.entry:hover{border-color:var(--accent);transform:translateY(-3px)}.entry small{color:var(--accent);font-size:12px;letter-spacing:.08em}.entry h3{font-size:24px;line-height:1.45}.entry p{color:var(--ink2);font-size:15px}.entry .go{margin-top:auto}
.reading-list{margin-top:28px;border-top:1px solid var(--rule)}.reading-list a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--rule)}.reading-list b{font-weight:500;font-size:19px}.reading-list span{color:var(--ink3);font-size:13px;flex:none}.reading-list a:hover b{color:var(--accent)}
.article-hero{padding:150px 0 58px;border-bottom:1px solid var(--rule)}.crumb{font-size:13px;color:var(--ink2);margin-bottom:38px}.crumb a:hover{color:var(--accent)}
.article-hero h1{font-size:clamp(34px,4.8vw,62px);line-height:1.3;max-width:940px;margin:22px 0}.article-hero .lead{max-width:800px;font-size:19px;color:var(--ink2);line-height:1.95}.article-meta{margin-top:24px;color:var(--ink3);font-size:13px;display:flex;gap:20px;flex-wrap:wrap}
.article-grid{display:grid;grid-template-columns:230px minmax(0,760px);gap:64px;padding-top:56px;padding-bottom:72px;align-items:start}.toc{position:sticky;top:100px;font-size:14px}.toc h2{font-size:12px;letter-spacing:.1em;color:var(--ink3);margin-bottom:18px}.toc a{display:block;padding:10px 0;border-bottom:1px solid var(--rule);color:var(--ink2)}.toc a:hover{color:var(--accent)}
.prose section{padding:0 0 42px;scroll-margin-top:100px}.prose h2{font-size:27px;line-height:1.5;margin:0 0 18px}.prose p{font-size:17px;line-height:2;color:var(--ink2);margin-bottom:16px}.prose figure{margin:0 0 40px;background:var(--paper);border:1px solid var(--rule);padding:16px;border-radius:14px}.prose figure img{width:100%;border-radius:8px}.prose figcaption{color:var(--ink3);font-size:12px;margin-top:10px}.related{padding:50px 0 70px;border-top:1px solid var(--rule)}.related h2{font-size:26px}.contact{margin-bottom:40px}.consult-fields{margin-top:20px;color:var(--ink2);font-size:14px;max-width:480px}.site-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:var(--ink2);font-size:14px}
.notice{padding:18px 22px;border-left:3px solid var(--accent);background:var(--bg2);margin-bottom:36px;color:var(--ink2);font-size:14px}.prose .notice p{font-size:14px;margin:0}
@media(max-width:900px){.article-grid{grid-template-columns:1fr;gap:28px}.toc{position:static;display:flex;gap:14px;overflow-x:auto;padding-bottom:12px}.toc h2{display:none}.toc a{flex:none;white-space:nowrap}.article-hero{padding-top:130px}.nav.open ul{max-height:calc(100vh - 130px);overflow:auto}.article-hero .lead{font-size:17px}}
@media(max-width:600px){.entry-grid{grid-template-columns:1fr}.entry{padding:24px}.reading-list b{font-size:17px}.reading-list span{display:none}.knowledge{padding:56px 0}.article-grid{padding-top:30px}.article-hero h1{font-size:34px}.prose h2{font-size:24px}.prose p{font-size:16px}.article-meta{gap:10px}.preview-strip{font-size:11px;padding:9px 12px}.nav .wrap{gap:12px}.nav .brand b{font-size:15px}.nav .btn.sm{padding:0 12px}.tools{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry{transition:none}.entry:hover{transform:none}}

/* Published site: no preview banner offset. */
.nav{top:0}