:root{color-scheme:light dark;--ink:#20352a;--muted:#64766a;--green:#164b32;--line:#dce5dc;--paper:#f4f7f2;--surface:#fff;--brand:#164b32;--selected:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC","PingFang SC",sans-serif;line-height:1.85}
a{color:var(--green);text-underline-offset:4px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #2f855a;outline-offset:5px}
.wrap{max-width:900px;margin:auto;padding:32px 24px 56px}.mast{display:flex;align-items:center;gap:14px;margin:4px 0 28px}
.mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--brand);color:white;font-size:28px;font-weight:650;flex:none}
.brand{font-weight:700;font-size:19px;line-height:1.45}.sub{font-size:13px;color:var(--muted)}
.langs{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 22px;line-height:1.5}.langs a{padding:8px 14px;border-radius:24px;text-decoration:none;border:1px solid var(--line);background:var(--surface);font-size:14px}
.langs [aria-current=page]{background:var(--green);color:var(--selected);border-color:var(--green)}
main{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:38px 42px;box-shadow:0 10px 40px #16392405}
h1{font-size:clamp(28px,5vw,38px);letter-spacing:-.025em;line-height:1.3;margin:0 0 10px}h2{font-size:19px;line-height:1.5;margin:32px 0 12px;padding-top:24px;border-top:1px solid var(--line)}
p{margin:0 0 16px;font-size:16px;overflow-wrap:anywhere}.updated{font-size:14px;color:var(--muted);margin-bottom:25px}.meta{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
footer{padding:24px 4px 0;color:var(--muted);font-size:13px;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}
@media(max-width:600px){.wrap{padding:22px 16px 36px}main{padding:26px 22px;border-radius:18px}h2{margin-top:26px}p{font-size:15px}.brand{font-size:17px}}
@media(prefers-color-scheme:dark){:root{--ink:#e5ede7;--muted:#b5c2b8;--green:#70dca1;--line:#35463a;--paper:#121612;--surface:#1b231d;--selected:#102719}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}