:root { color-scheme: light dark; --bg:#f5f5f7; --card:#fff; --text:#1d1d1f; --muted:#5f6368; --accent:#4b5fff; --line:#dedee3; }
@media (prefers-color-scheme:dark) { :root { --bg:#000; --card:#151517; --text:#f5f5f7; --muted:#aaa; --line:#333; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif; line-height:1.75; }
main { width:min(820px,calc(100% - 32px)); margin:32px auto; padding:clamp(24px,5vw,48px); background:var(--card); border-radius:20px; }
h1 { line-height:1.3; margin:0 0 8px; font-size:clamp(28px,6vw,42px); }
h2 { margin-top:2.2em; padding-bottom:.35em; border-bottom:1px solid var(--line); font-size:1.25rem; }
h3 { margin-top:1.6em; }
p,li { font-size:1rem; }
.meta { color:var(--muted); margin-bottom:2.5em; }
.notice { padding:16px 18px; background:color-mix(in srgb,var(--accent) 10%,var(--card)); border-left:4px solid var(--accent); border-radius:8px; }
a { color:var(--accent); }
nav { display:flex; flex-wrap:wrap; gap:16px; margin-top:40px; padding-top:20px; border-top:1px solid var(--line); }
code { overflow-wrap:anywhere; }