:root{color-scheme:light;--paper:#f7f8f4;--ink:#1e3029;--muted:#53645b;--line:#d8e0d6;--green:#245b42;--surface:#fff;--soft:#edf2ea}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:var(--green);text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--green);outline-offset:5px;border-radius:2px}
.skip{position:absolute;left:20px;top:-100px;padding:8px 16px;background:var(--surface);z-index:2}
.skip:focus{top:12px}
.wrap{max-width:1080px;padding:0 36px;margin:auto}
.site-header{border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px}
.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;line-height:1.3;text-decoration:none;letter-spacing:-.3px;color:var(--ink)}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--green);border-radius:9px;color:var(--green);font-size:13px;letter-spacing:-1px}
nav{display:flex;gap:25px;flex-wrap:wrap;font-size:14px}
nav a{color:var(--muted);text-decoration:none;white-space:nowrap}
nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:8px}
main{padding:66px 0 72px}
.eyebrow{margin:0 0 17px;font-size:12px;font-weight:650;letter-spacing:1.7px;text-transform:uppercase;color:var(--green)}
h1{max-width:830px;margin:0 0 24px;font-size:clamp(34px,5vw,54px);font-weight:620;line-height:1.3;letter-spacing:-1.8px}
.intro{max-width:740px;margin:0;font-size:20px;line-height:1.85;color:var(--muted)}
.page-intro{max-width:740px}
.meta{margin:20px 0 0;color:var(--muted);font-size:13px}
.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:20px;margin:44px 0 54px;padding:30px 32px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.flow-step strong{display:block;font-size:18px;font-weight:650;line-height:1.5}
.flow-step span{display:block;font-size:14px;color:var(--muted);margin-top:4px}
.flow-arrow{font-size:20px;color:var(--muted)}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-top:36px}
h2{font-size:23px;line-height:1.5;letter-spacing:-.5px;font-weight:650;margin:0 0 15px}
h3{font-size:17px;line-height:1.5;margin:25px 0 8px}
p{margin:0 0 16px}
p:last-child{margin-bottom:0}
ul,ol{padding-left:23px;margin:12px 0 0}
li{padding-left:4px;margin:7px 0}
.small{font-size:14px;color:var(--muted)}
.notice{margin-top:38px;padding:21px 24px;background:var(--soft);border-left:3px solid #749681;border-radius:0 8px 8px 0;font-size:15px}
.notice strong{font-weight:650}
.policy{max-width:790px;margin-top:44px}
.policy section{padding:29px 0;border-top:1px solid var(--line)}
.policy section:last-child{padding-bottom:0}
.policy h2{font-size:21px}
.policy p,.policy li{font-size:16px}
.scope{display:inline-block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.4;word-break:break-word;background:var(--soft);padding:3px 7px;border-radius:4px}
.document-links{display:flex;gap:24px;margin-top:27px;font-size:15px}
.site-footer{border-top:1px solid var(--line);padding:28px 0 34px;font-size:13px;color:var(--muted)}
.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a{color:var(--muted)}
@media(max-width:700px){.wrap{padding:0 22px}.header-inner{min-height:0;padding-top:24px;padding-bottom:24px;align-items:flex-start;flex-direction:column;gap:20px}nav{gap:24px}main{padding:43px 0 50px}h1{letter-spacing:-1px}.intro{font-size:18px}.flow{grid-template-columns:1fr;margin:33px 0 38px;padding:25px;gap:12px}.flow-arrow{transform:rotate(90deg);transform-origin:left center;margin-left:10px;font-size:17px}.two-column{grid-template-columns:1fr;gap:30px;padding-top:29px}.policy{margin-top:32px}.policy section{padding:24px 0}.footer-inner{flex-direction:column;gap:15px}.document-links{flex-wrap:wrap;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}