:root{--blue:#2563EB;--ink:#111827;--soft:#6B7280;--line:#E5E7EB}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Noto Sans JP',system-ui,sans-serif;color:var(--ink);line-height:1.9;background:#fff}
.wrap{max-width:820px;margin:0 auto;padding:0 24px 80px}
header{border-bottom:1px solid var(--line);margin-bottom:36px}
.nav{display:flex;align-items:center;height:64px;justify-content:space-between}
.logo{font-weight:900;font-size:18px;color:inherit;text-decoration:none}
.logo .dot{color:var(--blue)}
.back{font-size:13px;color:var(--soft);text-decoration:none}
h1{font-size:26px;font-weight:900;margin:10px 0 6px}
.updated{font-size:12px;color:var(--soft);margin-bottom:28px}
h2{font-size:17px;font-weight:800;margin:34px 0 10px;padding-left:12px;border-left:4px solid var(--blue)}
p,li{font-size:14px;color:#374151}
ul,ol{padding-left:22px;display:grid;gap:6px;margin:8px 0}
.box{background:#F5F7FA;border-radius:12px;padding:16px 18px;margin:12px 0;font-size:13px}