:root{color-scheme:dark}*{box-sizing:border-box}
body{margin:0;background:#171527;color:#edeaf6;font:16px/1.8 system-ui,"Hiragino Sans","Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif}
a{color:#f2b33d}
.top{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:#171527f2;border-bottom:1px solid #3a3558}
.brand{color:#edeaf6;font-weight:700;text-decoration:none;letter-spacing:.04em}
.top-cta{color:#f2b33d;font-size:14px;font-weight:700}
main{max-width:720px;margin:auto;padding:12px 16px 32px}
.crumbs{font-size:12px;color:#8a84a8}.crumbs a{color:#b9b4d3}
h1{font-size:28px;line-height:1.35;margin:12px 0}
h2{font-size:20px;line-height:1.4;margin:36px 0 8px}
.lead{color:#edeaf6}
.cta{display:block;margin:16px 0;padding:14px;border-radius:16px;background:#f2b33d;color:#171527;font-weight:700;text-align:center;text-decoration:none}
.scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:15px;white-space:nowrap}
th,td{padding:8px 10px;text-align:right;border-bottom:1px solid #3a3558}
thead th{color:#b9b4d3;font-weight:400;font-size:13px}
tbody th{text-align:left;font-weight:700}
.note{font-size:13px;color:#b9b4d3}
li{margin:4px 0}
.grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
footer{max-width:720px;margin:auto;padding:16px;border-top:1px solid #3a3558;font-size:12px;color:#8a84a8}
footer a{color:#b9b4d3}
a:focus-visible{outline:2px solid #edeaf6;outline-offset:2px}