*{box-sizing:border-box}:root{--bg:#f5f7f6;--ink:#12263a;--mut:#4d5f70;--ac:#0f766e;--sf:#fff;--ln:#d5dedb;--wr:#fff4e5}
@media(prefers-color-scheme:dark){:root{--bg:#0e1a24;--ink:#e6eef2;--mut:#9fb2bf;--ac:#4fd1c0;--sf:#152632;--ln:#27404f;--wr:#2b2418}}
html{scroll-padding-top:4rem}body{margin:0;font:17px/1.65 Georgia,'Times New Roman',serif;background:var(--bg);color:var(--ink)}
h1,h2,h3,nav,.btn,th,footer,.tag{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
a{color:var(--ac)}a:focus-visible,.btn:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
header{background:var(--sf);border-bottom:1px solid var(--ln);position:sticky;top:0;z-index:5}
.w{max-width:1000px;margin:0 auto;padding:0 1.1rem}.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem;padding:.7rem 0}
.logo{font:800 1.3rem system-ui;color:var(--ink);text-decoration:none}.logo b{color:var(--ac)}
nav a{display:inline-block;padding:.35rem .6rem;color:var(--ink);text-decoration:none;font-size:.95rem;border-radius:6px}nav a:hover,nav a[aria-current]{background:var(--bg);color:var(--ac)}
.hero{padding:3rem 0 2rem}.hero h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.12;margin:0 0 .8rem;max-width:18ch}.hero p{max-width:60ch;color:var(--mut);font-size:1.1rem}
h1{font-size:2rem;line-height:1.2}h2{margin-top:2rem}.btn{display:inline-block;background:var(--ac);color:#fff;padding:.6rem 1.1rem;border-radius:8px;text-decoration:none;font-weight:600;margin:.3rem .4rem .3rem 0}.btn.o{background:none;color:var(--ac);border:2px solid var(--ac)}
main{padding-bottom:3rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{background:var(--sf);border:1px solid var(--ln);border-radius:10px;padding:1.1rem}.card h3{margin:.2rem 0 .4rem}.card p{margin:.3rem 0;color:var(--mut);font-size:.97rem}
.note{background:var(--wr);border-left:4px solid #d97706;padding:.8rem 1rem;border-radius:6px;font-size:.95rem}
.tw{overflow-x:auto;border:1px solid var(--ln);border-radius:10px;background:var(--sf)}table{border-collapse:collapse;width:100%;min-width:760px;font:.93rem system-ui}
th,td{padding:.6rem .7rem;border-bottom:1px solid var(--ln);text-align:left;vertical-align:top}th{background:var(--bg)}tbody th{position:sticky;left:0;background:var(--sf)}
.tag{font-size:.8rem;color:var(--mut)}footer{background:var(--sf);border-top:1px solid var(--ln);padding:1.5rem 0;font-size:.9rem;color:var(--mut)}footer a{margin-right:.8rem;white-space:nowrap}
@media(max-width:600px){body{font-size:16px}.hero{padding:2rem 0 1rem}}