:root{--bg:#F0FDFD;--surface:#fff;--ink:#0F2A2C;--muted:#46605F;--line:#B4D5D7;--brand:#00838F;--deep:#005662;--on-brand:#fff;--on-brand-muted:#EAFAFB;--accent:#FF6F00;--link:#00626C}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0A1A1A;--surface:#132626;--ink:#E4F5F5;--muted:#A9C4C5;--line:#355355;--brand:#005662;--deep:#003D46;--link:#80DEEA}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--link)}
.bar{background:var(--deep);padding:14px max(16px,calc((100% - 960px)/2));display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center}
.bar a{color:var(--on-brand-muted);text-decoration:none}.bar a:hover{text-decoration:underline}
.bar .name{color:var(--on-brand);font-weight:700;margin-right:auto}
.hero{background:var(--brand);color:var(--on-brand);padding:56px max(16px,calc((100% - 960px)/2))}
.hero h1{font-size:clamp(34px,7vw,60px);line-height:1.05;margin:0 0 12px}
.hero p{max-width:640px;margin:0;color:var(--on-brand-muted);font-size:18px}
main{width:min(960px,calc(100% - 32px));margin:32px auto 72px}
h2{margin:36px 0 8px;line-height:1.25}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding:0;margin:20px 0;list-style:none}
.stats li{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px}
.stats b{display:block;font-size:26px;line-height:1.2}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}
.shots img{width:100%;height:auto;border:1px solid var(--line);border-radius:10px;display:block}
.note{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:12px 16px;margin:18px 0}
table{border-collapse:collapse;width:100%;background:var(--surface);font-size:15px}
.tw{overflow-x:auto}
td,th{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
pre{white-space:pre-wrap;word-break:break-word;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;font:inherit}
footer{border-top:1px solid var(--line);padding:18px max(16px,calc((100% - 960px)/2));color:var(--muted);font-size:14px}