:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#fff;--fg:#1c2330;--mut:#5d6677;--pri:#7a1f2b;--acc:#c8962e;--card:#f6f3ee;--bd:#e4ded4;--on:#fff}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#15181e;--fg:#eceef2;--mut:#a3abb8;--pri:#b8404f;--acc:#e0b050;--card:#1f242c;--bd:#2f3640}}
:root[data-theme="dark"]{--bg:#15181e;--fg:#eceef2;--mut:#a3abb8;--pri:#b8404f;--acc:#e0b050;--card:#1f242c;--bd:#2f3640}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--pri)}header{background:var(--pri);color:var(--on);position:sticky;top:env(safe-area-inset-top,0px);z-index:5}
.bar{max-width:1100px;margin:auto;padding:10px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700}
.logo img{height:40px;background:#fff;border-radius:6px;padding:2px}.mono{display:none;width:40px;height:40px;border-radius:8px;background:var(--acc);color:#222;align-items:center;justify-content:center;font-size:13px}
nav{display:flex;gap:4px;overflow-x:auto;max-width:100%}nav a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:6px;font-size:14px;white-space:nowrap}nav a:hover,nav a.on{background:rgba(255,255,255,.2)}
main{max-width:1100px;margin:auto;padding:24px 16px 48px;min-height:60vh}
.hero{background:linear-gradient(135deg,var(--pri),#3b0f16);color:#fff;border-radius:14px;padding:40px 24px;margin-bottom:24px}.hero h1{margin:0 0 8px;font-size:clamp(26px,5vw,40px)}
.btn{display:inline-block;background:var(--acc);color:#222;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:600;margin-top:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:16px 0}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:16px}.card h3{margin:0 0 6px}.card p{margin:0;color:var(--mut)}
.tag{display:inline-block;font-size:12px;background:var(--acc);color:#222;border-radius:20px;padding:2px 10px;margin-bottom:6px}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--bd);padding:8px 10px;text-align:left}th{background:var(--card)}
.note{font-size:13px;color:var(--mut);border-left:3px solid var(--acc);padding-left:10px;margin:16px 0}
footer{background:var(--card);border-top:1px solid var(--bd);padding:24px 16px}.fi{max-width:1100px;margin:auto}.sm{columns:3 180px;font-size:14px}.sm a{display:block;padding:2px 0}
h1,h2{line-height:1.25}.crumb{font-size:13px;color:var(--mut)}

.logo{}