html{scroll-behavior:smooth}
body{background:var(--c-bg);color:var(--c-text)}
.shell{width:calc(100% - 32px);max-width:1240px}
.site-header{background:#fff;border-bottom:1px solid #dbe2ec}
.brand{color:#2458d6;font-size:1rem;font-weight:750;max-width:32ch;overflow-wrap:anywhere}
.header-inner{gap:20px;flex-wrap:wrap;padding-block:16px}
.hero{padding:24px 0;border-bottom:1px solid #dbe2ec}
h1{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.18;letter-spacing:-.025em;overflow-wrap:anywhere}
h2{line-height:1.35}
.site-module-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,480px);gap:32px;align-items:start}
.site-module-main,.site-module-sidebar{min-width:0}
.site-module-sidebar{position:static}
.blocks{display:grid;gap:24px}
.card{border:1px solid #dbe2ec;border-radius:10px;padding:16px;background:#fff}
.card h3{font-size:1.1rem;line-height:1.4}
.prose{font-size:1.0625rem;line-height:1.75;max-width:68ch;overflow-wrap:anywhere}
.prose table{display:block;max-width:100%;overflow-x:auto}
.prose pre{max-width:100%;overflow-x:auto}
.prose img{max-width:100%;height:auto}
a:focus-visible,summary:focus-visible{outline:3px solid #2458d6;outline-offset:3px}
.site-footer{margin-top:40px;border-top:1px solid #dbe2ec;background:#fff}
@media(max-width:1000px){.site-module-layout{grid-template-columns:minmax(0,1fr)}.header-inner{gap:12px}.hero{padding:16px 0}.site-nav ul{flex-wrap:wrap}}
@media(max-width:380px){.shell{width:calc(100% - 24px)}.site-module-layout{gap:20px}.brand{max-width:100%}}