*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:#33415b;font:14px/1.85 Inter,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:#4d6bfe;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid #afc0ff;outline-offset:4px}header{max-width:1130px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:23px 35px;border-bottom:1px solid #eef1f7}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600;color:#4d6bfe}header nav{display:flex;gap:25px;font-size:12px}main{max-width:1060px;margin:auto;padding:0 30px 70px}.hero{text-align:center;padding:66px 0 48px}.eyebrow{font-size:11px;color:#94a2c1;letter-spacing:2px}h1{font-size:42px;font-weight:580;line-height:1.45;letter-spacing:-1px;margin:20px 0}h1 span{color:#4d6bfe}.hero p{color:#91a0b6;font-size:14px}.quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.quick>a{border:1px solid #e1e8f8;border-radius:15px;padding:25px;background:#f8faff;text-decoration:none;transition:transform .2s}.quick>a:hover{transform:translateY(-3px);background:#f0f5ff}.quick span{color:#9fafdf;font-size:11px}.quick h2{font-size:17px;color:#526691;font-weight:550;margin:13px 0 8px}.quick p{color:#96a2b9;font-size:12px;margin:0 0 25px}.quick b{font-size:11px;font-weight:500}article{margin-top:40px;border:1px solid #e4eaf6;border-radius:18px;padding:37px 42px;box-shadow:0 3px 16px #2a416702}.section-number{font-size:10px;letter-spacing:1px;color:#a1adca}article h2{font-size:25px;font-weight:550;letter-spacing:-.4px;margin:12px 0 28px}article ol,article ul{padding-left:24px}article li{margin:0 0 23px;padding-left:8px}article li p{color:#8390a9;font-size:13px;margin:7px 0}strong{font-weight:550}article a{font-size:12px}.button{display:inline-flex;border-radius:9px;background:#4d6bfe;color:#fff;padding:10px 17px;font-size:12px}.button:hover{background:#405fe8;text-decoration:none}.buttons{display:flex;align-items:center;gap:20px}dl{background:#f7f9fd;border:1px solid #e7edf7;border-radius:11px;padding:19px 23px}dt{color:#97a4bb;font-size:10px;margin-bottom:3px}dd{margin:0 0 15px;color:#65789c;font-size:12px;overflow-wrap:anywhere}dd:last-child{margin-bottom:0}code{font:12px/1.8 ui-monospace,Consolas,monospace;color:#5d77c3}.note{font-size:12px;color:#8e9bb3;background:#f6f9ff;border-radius:9px;border-left:3px solid #cfdaff;padding:13px 16px;margin:20px 0;line-height:1.9}.terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 35px}.terms strong{font-size:14px;color:#5c719b}.terms p{font-size:12px;color:#91a0b8;margin:8px 0}.entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.entry-links a{padding:12px 16px;background:#f6f9ff;border:1px solid #e4ebfc;border-radius:8px}details{border-top:1px solid #e8edf6}details:last-child{border-bottom:1px solid #e8edf6}summary{padding:18px 0;cursor:pointer;font-size:13px;color:#657796}details p{font-size:12px;color:#92a0b8;margin:0 0 20px;line-height:1.9}footer{display:flex;max-width:1130px;margin:auto;align-items:center;justify-content:space-between;padding:29px 35px;border-top:1px solid #eaf0f8;gap:20px;font-size:11px;color:#a1acc1}footer .brand{font-size:16px}@media(max-width:760px){header{padding:18px 21px}.brand{font-size:19px}header nav{gap:15px;font-size:11px}main{padding:0 20px 45px}.hero{padding:43px 0 30px}h1{font-size:32px}.hero p{font-size:12px}.quick{grid-template-columns:1fr;gap:11px}.quick>a{padding:19px 22px}.quick h2{font-size:16px;margin:5px 0}.quick p{margin-bottom:10px}.quick span{font-size:10px}article{margin-top:24px;padding:26px 23px;border-radius:14px}article h2{font-size:21px;margin:11px 0 23px}article li{padding-left:3px}article li p{font-size:12px}.terms{grid-template-columns:1fr;gap:18px}.entry-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.entry-links a{font-size:11px;padding:10px}footer{padding:23px 21px;flex-wrap:wrap}footer>span{font-size:9px}footer>a:last-child{width:100%;text-align:right}.note{font-size:11px}dl{padding:15px}code{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Shared readable guide typography and contrast. */
body{font-size:16px;color:#34445e}header nav,article a,.button{font-size:14px}.eyebrow,.section-number{font-size:12px;color:#687fa6}.hero p,.quick p,article li p,.terms p,details p,.note{font-size:14px;color:#65758e}.quick b{font-size:13px}.terms strong,summary{font-size:15px}dt{font-size:12px;color:#667891}dd,code{font-size:14px}.entry-links a{font-size:14px}footer{font-size:12px;color:#73819b}.quick span{font-size:13px;color:#718bc1}img{max-width:100%}
@media(max-width:760px){header nav{font-size:13px}.hero p,article li p,.terms p,details p,.note{font-size:14px}.entry-links a{font-size:13px}.buttons{flex-wrap:wrap}footer>span{font-size:12px}.catalog-main{padding:0 20px}}