:root{color-scheme:light;--paper:oklch(97.1% .007 145);--surface:oklch(99% .004 145);--ink:oklch(24% .018 145);--muted:oklch(46% .018 145);--line:oklch(85% .012 145);--green:oklch(42% .10 145);--soft:oklch(92% .03 145)}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}a{color:var(--green);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px;border-radius:2px}img{display:block;max-width:100%;height:auto}p{margin:0 0 18px}h1,h2,h3{line-height:1.3;letter-spacing:-.025em}h1{font-size:48px;margin:18px 0 24px;font-weight:750}h2{font-size:28px;margin:0 0 24px;font-weight:700}h3{font-size:22px;margin:0 0 14px}figure{margin:0}figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:14px}figure img{border:1px solid var(--line);border-radius:10px;background:var(--surface)}.masthead,main,footer{width:min(1100px,calc(100% - 64px));margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.wordmark{color:var(--ink);font-size:25px;letter-spacing:.055em;font-weight:800;text-decoration:none;line-height:1.15}.wordmark span{display:block;font-size:9px;letter-spacing:.18em;margin-top:5px}.masthead nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;font-size:14px}.intro{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:90px;padding:64px 0 72px}.intro figure{width:240px;justify-self:end}.lead{font-size:18px;max-width:55ch;line-height:1.8;color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.10em;font-weight:650;color:var(--green);margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-height:48px;background:var(--green);color:var(--surface);border-radius:6px;padding:10px 18px;font-weight:600;text-decoration:none;margin:6px 0 18px}.button:hover{background:var(--ink)}.device-line{font-size:12px;letter-spacing:.015em;color:var(--muted);margin:0}.document-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:70px;border-top:1px solid var(--line);padding-top:42px}.document-layout aside{position:sticky;top:28px;align-self:start}.document-layout aside nav{margin:14px 0 20px;display:grid}.document-layout aside nav a{display:flex;align-items:center;min-height:44px;padding:5px 0;text-decoration:none;color:var(--muted);font-size:14px}.document-layout aside nav a:hover{color:var(--green)}.prose{min-width:0;max-width:75ch}.prose section{padding:0 0 44px;margin-bottom:44px;border-bottom:1px solid var(--line)}.prose section:last-child{border:0;margin-bottom:0}.prose p{max-width:72ch}.small{font-size:13px;line-height:1.65;color:var(--muted)}.activation-example{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;align-items:center;margin-top:30px}.walkthrough{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:40px;align-items:start;padding:30px 0;border-top:1px solid var(--line)}.walkthrough:last-child{padding-bottom:0}.text-link{display:inline-block;min-height:44px;line-height:44px;font-size:14px}.settings-list{margin:0}.settings-list>div{padding:18px 0;border-bottom:1px solid var(--line)}.settings-list>div:last-child{border-bottom:0}.settings-list dt{font-weight:650;margin-bottom:8px}.settings-list dd{margin:0;color:var(--muted)}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{padding:18px 2px;cursor:pointer;font-weight:600;min-height:58px}details p{padding:0 2px 16px;color:var(--muted)}.support-address{font-size:18px;display:inline-block;min-height:44px;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 0 44px;font-size:12px;color:var(--muted)}footer a{min-height:44px;line-height:44px}.skip-link{position:absolute;left:24px;top:-100px;background:var(--surface);padding:10px 18px;z-index:2}.skip-link:focus{top:12px}
@media(max-width:850px){.masthead,main,footer{width:calc(100% - 40px)}.intro{gap:36px;grid-template-columns:minmax(0,1fr) 200px;padding:44px 0}.intro figure{width:190px}h1{font-size:38px}.document-layout{grid-template-columns:1fr;gap:32px;padding-top:28px}.document-layout aside{position:static}.document-layout aside nav{display:flex;flex-wrap:wrap;gap:0 22px;margin:8px 0}.document-layout aside .small{margin:0}.prose{max-width:100%}.walkthrough{grid-template-columns:minmax(0,1fr) 190px}}
@media(max-width:560px){.masthead,main,footer{width:calc(100% - 36px)}.masthead{padding:18px 0}.wordmark{font-size:22px}.masthead nav a{font-size:13px;padding:0}.intro{grid-template-columns:1fr;gap:28px;padding:36px 0 32px}.intro figure{justify-self:center;width:230px;max-width:85%}h1{font-size:36px;margin:14px 0 20px}h2{font-size:24px}h3{font-size:21px}.lead{font-size:16px}.device-line{font-size:11px}.document-layout{gap:30px}.document-layout aside nav{gap:0 18px}.document-layout aside nav a{font-size:13px}.prose section{padding-bottom:30px;margin-bottom:30px}.activation-example{grid-template-columns:1fr;gap:22px}.activation-example figure{width:220px;max-width:100%;justify-self:center}.walkthrough{grid-template-columns:1fr;gap:18px;padding:26px 0}.walkthrough figure{width:230px;max-width:100%;justify-self:center}.text-link{line-height:1.5;display:inline-flex;align-items:center}.support-address{font-size:16px}footer{align-items:flex-start;flex-direction:column;gap:0;padding-bottom:26px}}
@media print{body{background:var(--surface);font-size:11pt}.masthead,main,footer{width:100%}.masthead nav,.document-layout aside,.button,.text-link,footer{display:none}.intro{padding:20px 0;gap:30px;grid-template-columns:1fr 140px}.intro figure{width:120px}h1{font-size:28pt}.document-layout{display:block;padding-top:24px}.prose{max-width:none}.walkthrough{grid-template-columns:1fr 140px;break-inside:avoid}.prose section{margin-bottom:24px;padding-bottom:24px}details p{display:block}.activation-example{grid-template-columns:140px 1fr}.activation-example figure{width:120px}a{color:var(--ink)}}
