*{box-sizing:border-box} :root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#233c42;background:#f6f8f6;color-scheme:light dark} body{margin:0;line-height:1.85} a{color:#17635c;text-underline-offset:4px;overflow-wrap:anywhere} a:hover{text-decoration-thickness:2px} a:focus-visible{outline:3px solid #b58a40;outline-offset:5px} .topbar{border-bottom:1px solid #dce5df;background:#fff} nav{max-width:850px;margin:auto;padding:18px 24px;display:flex;gap:24px;align-items:center;flex-wrap:wrap} nav .brand{font-weight:750;text-decoration:none;margin-right:auto} main{max-width:850px;margin:40px auto 64px;background:#fff;border:1px solid #dce5df;border-radius:20px;padding:40px 48px} h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.35;letter-spacing:-.035em;margin:0 0 20px} h2{margin-top:38px;font-size:1.28rem;border-top:1px solid #e5ebe7;padding-top:25px} h3{font-size:1.08rem;margin-top:28px} p,li{overflow-wrap:anywhere} li+li{margin-top:8px} ul,ol{padding-left:1.5em} main>p:nth-of-type(-n+2){color:#62756f;font-size:.92rem} footer{max-width:850px;margin:0 auto 40px;padding:0 24px;color:#62756f;font-size:.9rem} .skip{position:absolute;top:-100px;left:20px;background:#fff;padding:10px;z-index:5}.skip:focus{top:10px} @media(max-width:600px){main{margin:20px 14px 36px;padding:28px 22px;border-radius:14px}nav{gap:16px;padding:16px 22px}} @media(prefers-color-scheme:dark){:root{color:#e4eeea;background:#101917}.topbar,main,.skip{background:#18231f;border-color:#33453c}h2{border-color:#33453c}a{color:#97d6c5}main>p:nth-of-type(-n+2),footer{color:#afc1b7}}