:root{--bg:#eef7f4;--card:#fff;--text:#123c43;--sub:#4b6b70;--line:#cfe5df;--amber:#f2a93b;--ink:#3a2410;--teal:#0f3a42;
 box-sizing:border-box}
@media (prefers-color-scheme:dark){:root{--bg:#0f2f35;--card:#17464f;--text:#f3fbf9;--sub:#b9d8d6;--line:#2c6f7a}}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.8;
 font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Yu Gothic",system-ui,sans-serif;
 padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}
.wrap{max-width:760px;margin:0 auto;padding:0 18px}
.top{background:var(--teal);color:#fff;padding:14px 0}
.top a{color:#fff;text-decoration:none;font-weight:800;font-size:1.1rem;display:flex;align-items:center;gap:10px}
.top img{width:32px;height:32px;border-radius:8px}
h1{font-size:1.6rem;margin:28px 0 8px}
h2{font-size:1.15rem;margin:32px 0 8px;padding-left:10px;border-left:5px solid var(--amber)}
p,li{font-size:.95rem}
.sub{color:var(--sub)}
.card{background:var(--card);border:2px solid var(--line);border-radius:18px;padding:16px 18px;margin:14px 0}
.hero{text-align:center;padding:30px 0 6px}
.hero img{width:132px;height:132px;border-radius:30px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.hero h1{margin:16px 0 6px}
.cta{display:inline-block;background:var(--amber);color:var(--ink);font-weight:800;font-size:1.1rem;padding:14px 34px;border-radius:999px;text-decoration:none;box-shadow:0 5px 0 #c47d12;margin:14px 0}
.cta:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
a{color:inherit}
ul{padding-left:1.3em}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{width:30%;background:var(--card)}
footer{margin:40px 0 0;padding:20px 0 30px;border-top:1px solid var(--line);font-size:.85rem;color:var(--sub);text-align:center}
footer a{margin:0 8px}
.note{background:var(--card);border-left:5px solid var(--amber);padding:10px 14px;border-radius:8px;font-size:.9rem}