:root{--ink:#14202B;--paper:#EDE7D8;--paper-2:#E2DAC4;--line:#C9BFA0;--signal:#C4622D;--signal-dark:#9C4B21;--muted:#5B6B74;--white:#FBF9F2;}
*{box-sizing:border-box;}
body{margin:0;font-family:'Work Sans',system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65;}
h1,h2,h3{font-family:'Spectral',Georgia,serif;}
a{color:var(--signal-dark);}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px;}
header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);padding:12px 0;background:var(--paper);}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.logo-plate{background:var(--ink);border-radius:10px;padding:8px 18px;display:flex;align-items:center;transition:transform .2s;}
.logo-plate:hover{transform:translateY(-1px);}
.logo-plate img{height:56px;width:auto;display:block;}
header nav{display:flex;gap:22px;align-items:center;font-size:14px;}
header nav a{text-decoration:none;color:var(--ink);border-bottom:1px solid transparent;}
header nav a:hover{border-bottom-color:var(--signal);}
.doc{max-width:760px;margin:0 auto;padding:48px 28px 70px;}
.doc h1{font-size:36px;margin:0 0 6px;}
.doc .updated{color:var(--muted);font-size:13.5px;margin:0 0 30px;}
.doc h2{font-size:22px;margin:38px 0 8px;scroll-margin-top:100px;}
.doc p,.doc li{font-size:15.5px;}
.doc ul{padding-left:22px;}
.doc li{margin-bottom:6px;}
.callout{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--signal);border-radius:4px;padding:14px 18px;margin:16px 0;font-size:15px;}
.toc{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:14px 20px;margin:0 0 10px;font-size:14px;}
.toc a{display:inline-block;margin:2px 14px 2px 0;}
footer{padding:30px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted);}
footer .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;}