:root{color-scheme:light;--ink:#1f2937;--muted:#526071;--line:#dce3e9}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:#f6f8fa;font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}
a{color:#185fa5;text-underline-offset:3px}
header{background:#fff;border-bottom:1px solid var(--line)}
header nav,main,footer{max-width:900px;margin:auto;padding:18px 28px}
header nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;font-size:14px}
header nav>a:first-child{font-weight:700}
header .language-switch{margin-left:auto}
main{background:#fff;padding-top:30px;padding-bottom:32px;margin-top:24px;border:1px solid var(--line);border-radius:12px}
h1{font-size:30px;line-height:1.3;margin:0 0 12px}
h2{font-size:20px;line-height:1.4;margin:28px 0 12px}
p{margin:0 0 14px}
.updated{color:var(--muted);font-size:13px}
.site-information{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px}
.preview-note{padding:12px;background:#fff6df;border:1px solid #dfc17b}
.skip-link{position:absolute;top:-100px;left:16px;padding:10px;background:#fff}
.skip-link:focus{top:0}
:focus-visible{outline:3px solid #185fa5;outline-offset:4px}
@media(max-width:600px){main{margin:12px;border-radius:8px;padding:24px 18px}header nav,footer{padding:16px 18px}h1{font-size:26px}h2{font-size:19px}body{font-size:15px}}
