:root{--ink:#101828;--paper:#F8FAFC;--muted:#5B6779;--accent:#1D4ED8;--accent2:#1E40AF;--line:#E2E8F0;--ok:#16A34A}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font:16px/1.7 Figtree,-apple-system,"Segoe UI",sans-serif}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
header{padding:22px 0;border-bottom:1px solid var(--line);background:#fff}
.head-in{display:flex;justify-content:space-between;align-items:center;gap:16px}
.logo{font-weight:800;font-size:19px;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}
.logo span{color:var(--accent)}
.back{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}
.back:hover{color:var(--accent)}
main{padding:88px 0 88px}
h1{font-size:clamp(28px,4.2vw,40px);font-weight:800;letter-spacing:-.025em;line-height:1.18}
.updated{color:var(--muted);font-size:14px;margin-top:20px}
.lede{margin-top:34px;font-size:17px;line-height:1.75;color:var(--muted);border-left:3px solid var(--accent);padding-left:22px}
h2{font-size:21px;font-weight:800;letter-spacing:-.015em;margin:60px 0 14px;padding-top:22px;border-top:1px solid var(--line)}
h3{font-size:16.5px;font-weight:700;margin:32px 0 8px}
p{margin-top:14px}
ul,ol{margin:14px 0 0 22px}
li{margin-top:9px}
a{color:var(--accent)}
table{width:100%;border-collapse:collapse;margin-top:20px;font-size:14.5px;background:#fff}
th,td{text-align:left;padding:12px 14px;border:1px solid var(--line);vertical-align:top}
th{background:#F1F5F9;font-weight:700}
.box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 28px;margin-top:26px;box-shadow:0 6px 24px rgba(16,24,40,.05)}
.box p:first-child{margin-top:0}
.box.hi{border-color:rgba(29,78,216,.35);background:#F5F8FF}
.toc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 28px;margin-top:40px}
.toc b{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.toc ol{margin-top:14px;columns:2;column-gap:28px}
.toc li{margin-top:10px}
@media(max-width:600px){.toc ol{columns:1}}
footer{border-top:1px solid var(--line);color:var(--muted);padding:40px 0;font-size:13px;line-height:1.7;background:#fff}
footer a{color:var(--muted);text-decoration:none;margin-right:16px}
footer a:hover{color:var(--accent)}
.foot-links{margin-bottom:16px}
.cta-btn{display:inline-block;margin-top:22px;background:var(--accent);color:#fff;text-decoration:none;
padding:12px 20px;border-radius:10px;font-weight:700;font-size:15px;border:0;cursor:pointer;font-family:inherit}
.cta-btn:hover{background:var(--accent2)}
@media(max-width:600px){
main{padding:52px 0 60px}
h2{font-size:19px;margin-top:44px;padding-top:20px}
h3{margin-top:26px}
.lede{margin-top:26px;font-size:16px;padding-left:18px}
.updated{margin-top:16px}
.toc,.box{padding:20px 22px}
.toc{margin-top:32px}
}