:root{--navy:#0E1317;--blue:#A34A00;--ink:#0E1317;--muted:#55636D;--line:#DCE3E8;--ice:#F6F8F9}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--ice);line-height:1.65;font-size:16px}
header{background:#0B0B0C;border-bottom:1px solid var(--line)}
.wrap{max-width:820px;margin:0 auto;padding:0 16px}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;gap:12px}
.nav img{height:44px;width:auto}
.back{font-weight:600;color:#FF7A00;text-decoration:none;font-size:.95rem}
main{padding:48px 0 72px}
h1{font-family:"Barlow Condensed",Inter,sans-serif;color:var(--navy);font-size:clamp(2.2rem,5vw,3rem);line-height:1.05;margin-bottom:8px}
.sub{color:var(--muted);margin-bottom:32px}
section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:18px}
h2{font-family:"Barlow Condensed",Inter,sans-serif;color:var(--navy);font-size:1.6rem;margin-bottom:10px}
p,li{color:var(--ink)}
p+p{margin-top:10px}
ul{padding-left:20px;margin-top:8px}
li{margin:4px 0}
dl{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:6px 18px}
dt{color:var(--muted);font-weight:600}
a{color:var(--blue)}
.todo{background:#FFF1C2;border-radius:4px;padding:0 4px}
footer{text-align:center;color:var(--muted);font-size:.9rem;padding:0 16px 40px}
@media(max-width:520px){dl{grid-template-columns:1fr}dt{margin-top:8px}}