.static-page{min-height:calc(100vh - var(--header-h));padding:1.35rem 0 5.5rem}
.static-shell{width:min(calc(100% - 3rem),var(--page));margin:auto;display:grid;grid-template-columns:270px minmax(0,1fr);gap:2rem;align-items:start}
.static-sidebar{position:sticky;top:calc(var(--header-h) + 1.35rem);display:grid;gap:1rem}
.static-sidebar .sidebar-intro{padding:1.35rem}
.static-sidebar__mark{width:48px;height:48px;margin-bottom:.8rem}
.static-sidebar__mark img{width:100%;height:100%}
.static-toc{display:grid;gap:.2rem;padding:.35rem}
.static-toc a{min-height:42px;padding:.6rem .75rem;border-radius:10px;color:var(--ink-2);font-size:.88rem;text-decoration:none}
.static-toc a:hover{background:var(--paper);color:var(--green-2)}
.static-sidebar__meta{padding:1rem;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 52%,transparent)}
.static-sidebar__meta b{font:650 1rem var(--serif)}
.static-sidebar__meta p{margin:.45rem 0 0;color:var(--ink-2);font-size:.84rem}
.static-content{min-width:0;max-width:1040px}
.static-page__head{padding:.15rem 0 1.4rem;border-bottom:1px solid var(--line);margin-bottom:1.25rem}
.static-page__head h1{margin:.2rem 0 .75rem;max-width:820px;font:650 clamp(2.1rem,4vw,3.45rem)/1.03 var(--serif);letter-spacing:-.04em}
.static-page__head>p:last-child{margin:0;max-width:70ch;color:var(--ink-2);font-size:1.03rem}
.static-kicker{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
.static-kicker span{padding:.42rem .68rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-3);font:650 .68rem var(--mono)}
.static-section{margin:1rem 0;padding:1.65rem 1.75rem;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 8px 22px rgba(48,54,50,.035)}
.static-section h2{margin:0 0 1rem;font:650 1.55rem var(--serif)}
.static-section h3{margin:1.4rem 0 .45rem;font:650 1.05rem var(--serif)}
.static-section p{margin:.5rem 0;max-width:78ch;color:var(--ink-2);line-height:1.65}
.static-section p b,.static-section li b{color:var(--ink)}
.static-section ul,.static-section ol{padding-left:1.2rem;color:var(--ink-2)}
.static-section li{margin:.45rem 0}
.static-section a,.static-note a{color:var(--green-2);font-weight:700}
.static-note{border:1px solid var(--line);border-left:4px solid var(--gold);padding:1rem;background:var(--warn-soft);color:var(--ink-2);margin:1rem 0}
.glossary,.correction-log{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.glossary div,.correction{background:var(--paper);padding:1rem}
.glossary b{display:block}
.glossary span,.correction__what{color:var(--ink-2)}
.correction{position:relative}
.correction::before{content:"";position:absolute;left:0;inset-block:0;width:3px;background:var(--green-muted)}
.correction__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem}
.correction__date{font:700 .74rem var(--mono);color:var(--green-2)}
.correction__where{font:600 .74rem var(--mono);color:var(--ink-3)}
@media(max-width:1180px){.static-shell{width:min(calc(100% - 2rem),var(--page));grid-template-columns:230px 1fr}
}
@media(max-width:900px){.static-shell{grid-template-columns:1fr}
.static-sidebar{position:static;grid-template-columns:1fr 1fr}
.static-toc{display:none}
}
@media(max-width:640px){.static-shell{width:min(calc(100% - 2rem),var(--page))}
.static-sidebar{grid-template-columns:1fr}
.static-sidebar__meta{display:none}
.static-sidebar .sidebar-intro{display:none}
.static-page__head h1{font-size:clamp(1.9rem,8.5vw,2.4rem);line-height:1.12}
.static-section{padding:1.2rem 1rem}
}
