:root { color-scheme:dark;--bg:#061322;--text:#e7edf1;--muted:#adc0d1;--gold:#e1c998; }
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.9 'Yu Gothic UI','Meiryo',sans-serif}
a{color:var(--gold);text-underline-offset:4px}a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
header,main,footer{max-width:920px;margin:auto;padding:24px}header{border-bottom:1px solid #a99c7140}
header>a{font:600 30px Georgia,serif;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px;font-size:14px}
header .brand-home{display:inline-block}header .brand-logo{display:block;width:264px;max-width:100%;height:auto}
h1{font-size:clamp(26px,5vw,36px);line-height:1.5;color:#f0dfbd}h2{font-size:21px;margin-top:32px;color:#e3d1aa}
p,ul{max-width:72ch}li{margin:8px 0}.lead{color:#bacee0}.note{padding:14px 18px;background:#10283b;border-left:3px solid #c2a76a}
footer{color:var(--muted);font-size:13px;border-top:1px solid #a99c7140}button{font:inherit}code{overflow-wrap:anywhere}