| :root{--bg:#fbfaf7;--fg:#1f2328;--muted:#5b6370;--accent:#d9363e;--card:#fff;--line:#e6e2da;--code:#f4f1ea;--quote:#fff4e5} |
| @media (prefers-color-scheme:dark){:root{--bg:#15171b;--fg:#e8e6e3;--muted:#a3a9b3;--accent:#ff6b70;--card:#1d2026;--line:#2e333b;--code:#22262d;--quote:#2a2418}} |
| *{box-sizing:border-box} |
| html{background:var(--bg)} |
| body{margin:0 auto;max-width:860px;padding:48px 20px 96px;color:var(--fg);background:var(--bg); |
| font:17px/1.7 "Source Sans 3","Segoe UI",system-ui,-apple-system,sans-serif} |
| header#title-block-header{text-align:center;margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--line)} |
| h1.title{font-size:2.3em;line-height:1.2;margin:.2em 0} |
| p.subtitle{color:var(--muted);font-size:1.15em;margin:0} |
| h1{font-size:1.9em;line-height:1.25;margin:1.4em 0 .5em} |
| h2{font-size:1.45em;margin:2.2em 0 .6em;padding-top:.6em;border-top:3px solid var(--accent);display:inline-block} |
| h3{font-size:1.15em;margin:1.8em 0 .4em} |
| a{color:var(--accent)} |
| hr{border:0;border-top:1px dashed var(--line);margin:3em 0} |
| img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--line);box-shadow:0 6px 24px rgba(0,0,0,.08);background:#fff} |
| img[align=right]{float:right;margin:0 0 16px 28px;max-width:42%} |
| figure{margin:28px 0;text-align:center} |
| figcaption{color:var(--muted);font-size:.92em;margin-top:8px;font-style:italic} |
| blockquote{margin:22px 0;padding:14px 20px;background:var(--quote);border-left:4px solid #f0a020;border-radius:6px} |
| blockquote p{margin:.3em 0} |
| code{background:var(--code);padding:.12em .4em;border-radius:4px;font-size:.88em} |
| pre{background:var(--code);padding:16px 18px;border-radius:10px;overflow-x:auto;line-height:1.5} |
| pre code{background:none;padding:0} |
| table{border-collapse:collapse;width:100%;margin:20px 0;font-size:.93em;background:var(--card);border-radius:8px;overflow:hidden;display:block;overflow-x:auto} |
| th,td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top} |
| thead th{background:var(--code)} |
| nav#TOC{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 22px;margin-bottom:36px} |
| nav#TOC ul{margin:.3em 0;padding-left:1.2em} |
| nav#TOC>ul>li{margin:.15em 0} |
| @media (max-width:640px){img[align=right]{float:none;display:block;margin:12px auto;max-width:80%}body{font-size:16px}} |
| nav#TOC h2{border:0;display:block;font-size:1.05em;margin:.2em 0 .4em;padding:0;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)} |
|
|
