:root{color-scheme:light dark;--bg:#f7f6fa;--card:#fff;--text:#2b2930;--muted:#625d70;--line:#e6e4ec;--accent:#65568f;--tint:#efedf6}
@media(prefers-color-scheme:dark){:root{--bg:#1c1b22;--card:#25242c;--text:#eceaf2;--muted:#bab5ca;--line:#444050;--accent:#c0b3eb;--tint:#302a42}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.9 system-ui,"Yu Gothic",Meiryo,sans-serif;overflow-wrap:anywhere}a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{max-width:860px;margin:auto;padding:32px 24px 60px}header{padding:12px 0 24px}.brand{font-size:24px;letter-spacing:.06em;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;margin:16px 0}h1{font-size:30px;line-height:1.5;margin:20px 0 8px}h2{font-size:19px;line-height:1.6;margin:0 0 12px}p{margin:10px 0}section{padding:24px;background:var(--card);border:1px solid var(--line);border-radius:16px;margin:16px 0}.draft{padding:18px 22px;border-left:4px solid var(--accent);background:var(--tint);border-radius:8px}.meta,footer{font-size:13px;color:var(--muted)}li{margin:8px 0}ul{padding-left:23px}dl{margin:0}dt{font-weight:700;margin-top:14px}dd{margin:4px 0 14px}footer{margin-top:30px}aside h2{font-size:17px} @media(max-width:480px){.wrap{padding:20px 16px 40px}h1{font-size:25px}section{padding:20px 18px}}@media print{body{background:white;color:black}.wrap{max-width:none;padding:0}section{break-inside:avoid;border-radius:0}nav{display:none}a{color:inherit}}