:root{
  --bg:#f7f9fc; --surface:#ffffff; --text:#1d2433; --muted:#5b6578;
  --primary:#2457d6; --border:#e2e7f0;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0f1420; --surface:#171e2d; --text:#e8ecf4; --muted:#a3adc2;
    --primary:#6e95ff; --border:#2a3348;
  }
}
:root[data-theme="dark"]{
  --bg:#0f1420; --surface:#171e2d; --text:#e8ecf4; --muted:#a3adc2;
  --primary:#6e95ff; --border:#2a3348;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Nunito",system-ui,sans-serif;line-height:1.65}
a{color:var(--primary)}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
header{background:var(--surface);border-bottom:1px solid var(--border)}
header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;padding-bottom:12px}
.logo{font-weight:800;font-size:1.15rem;text-decoration:none;color:var(--text)}
.logo span{color:var(--primary)}
header nav{display:flex;flex-wrap:wrap;gap:14px}
header nav a{text-decoration:none;color:var(--muted);font-weight:600;font-size:.95rem}
header nav a[aria-current="page"]{color:var(--primary)}
main{padding:40px 0 56px}
h1{font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.2;margin:0 0 6px}
.updated{color:var(--muted);margin:0 0 28px}
.box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px}
.box h2{font-size:1.2rem;margin:26px 0 8px}
.box h2:first-child{margin-top:0}
.box ul,.box ol{padding-left:20px}
dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 18px;margin:0}
dt{font-weight:800;color:var(--muted)}
dd{margin:0;word-break:break-word}
@media (max-width:520px){ dl{grid-template-columns:1fr} dd{margin-bottom:8px} }
footer{padding:28px 0;text-align:center;color:var(--muted);font-size:.92rem;border-top:1px solid var(--border)}
footer a{margin:0 6px}