html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:anywhere}
main.wrap{padding-top:32px;padding-bottom:48px;max-width:960px}
.ph .eb{font:800 12.5px var(--num);letter-spacing:3px;color:var(--gold)}
.ph h1{margin:2px 0 6px;font:900 34px/1.3 var(--serif)}
.ph p{margin:0;color:var(--muted)}
.warn{margin:22px 0;padding:16px 20px;border:1px solid rgba(245,184,61,.5);border-left:4px solid var(--gold);background:rgba(245,184,61,.1);border-radius:8px;font-weight:600;line-height:1.8}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.toc a{border:1px solid var(--line);border-radius:999px;padding:2px 13px;font-size:13.5px;color:var(--muted)}
.toc a:hover{border-color:var(--gold)}
section.ar{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:0 0 10px 10px;padding:20px 26px 10px;margin-top:20px;scroll-margin-top:calc(80px + env(safe-area-inset-top,0px))}
section.ar h2{margin:0 0 10px;font:700 21px/1.3 var(--serif)}
section.ar ol{margin:0;padding:0 0 0 22px}
section.ar li{margin:0 0 12px;line-height:1.8}
.upd{margin-top:20px;color:var(--muted);font-size:13px}
.bar{flex-wrap:wrap;height:auto;gap:0 12px;padding-top:6px}
nav{order:3;flex:0 0 100%;height:38px;gap:22px}
main.wrap{padding-top:20px;padding-bottom:32px}
.ph h1{font-size:25px}.ph p{font-size:14px}
.warn{margin:16px 0;padding:12px 14px;font-size:14px}
.toc{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.toc a{padding:8px 10px;font-size:14px;text-align:center}
section.ar{padding:16px 16px 6px;margin-top:16px;scroll-margin-top:calc(100px + env(safe-area-inset-top,0px))}
section.ar h2{font-size:19px}
section.ar ol{padding-left:20px}
section.ar li{font-size:14.5px;margin-bottom:12px}
.upd{font-size:12.5px}