:root{--ink:#14211e;--ink-strong:#081412;--muted:#64736f;--paper:#fffaf1;--surface:#f4fbf6;--surface-2:#e6f4f1;--forest:#123f35;--ocean:#155c78;--coral:#ff6b6b;--amber:#ffd166;--mint:#7ee787;--line:rgba(20,33,30,0.14);--shadow:0 24px 80px rgba(14,43,61,0.16)}*{box-sizing:border-box}html{background:var(--paper)}body,html{color:var(--ink)}body{background:linear-gradient(180deg,rgba(126,231,135,.16),rgba(255,250,241,0) 360px),var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}a,li,p,span,strong,summary,td,th{overflow-wrap:anywhere}.table-scroll:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(21,92,120,.35);outline-offset:4px}main{min-height:70vh}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.guide-layout,.hero-shell,.plain-page,.section-block,.site-footer,.site-header{margin:0 auto;width:min(1160px,calc(100% - 32px))}.site-footer,.site-header{align-items:center;display:flex;gap:24px;justify-content:space-between}.site-header{padding:18px 0}.site-footer{border-top:1px solid var(--line);margin-top:72px;padding:30px 0 40px}.site-footer p{color:var(--muted);margin:8px 0 0;max-width:720px}.brand{align-items:center;display:inline-flex;gap:12px;min-width:220px}.brand-mark{background:var(--forest);border-radius:8px;color:var(--paper);display:grid;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92rem;font-weight:900;height:42px;place-items:center;width:42px}.brand small,.brand strong{display:block}.brand small{color:var(--muted);font-size:.74rem;margin-top:2px}.footer-links,.hero-actions,.related-links,nav{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.footer-links a,.related-links a,nav a{border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:.86rem;font-weight:800;padding:8px 9px}.footer-links a:hover,.related-links a:hover,nav a:hover{background:rgba(18,63,53,.07);border-color:var(--line);color:var(--ink-strong)}.hero-shell{align-items:center;display:grid;gap:22px;grid-template-columns:minmax(0,.96fr) minmax(420px,1.04fr);padding:34px 0 28px}.answer-box,.guide-hero,.hero-copy,.hero-visual,.plain-page{background:rgba(255,255,255,.74);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.hero-copy{display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:clamp(28px,5vw,54px)}.hero-visual{margin:0;overflow:hidden}.hero-visual img{aspect-ratio:16/9;height:auto;object-fit:cover;width:100%}.hero-visual figcaption{background:var(--forest);color:var(--paper);font-size:.78rem;padding:10px 14px}.eyebrow{color:var(--ocean);font-size:.74rem;font-weight:900;letter-spacing:0;margin:0 0 10px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.7rem,7vw,5.8rem);line-height:.94;margin-bottom:18px}h1,h2{color:var(--ink-strong)}h2{font-size:clamp(1.6rem,3vw,2.45rem);line-height:1.04;margin-bottom:14px}h3{color:var(--ink-strong);font-size:1.05rem;line-height:1.18;margin-bottom:8px}.answer-box p,.guide-hero p,.hero-lede,.plain-page p{color:var(--muted);font-size:1.05rem;line-height:1.65}.button{align-items:center;border-radius:8px;display:inline-flex;font-weight:900;justify-content:center;min-height:44px;padding:12px 16px}.button.primary{background:var(--forest);color:var(--paper)}.button.secondary{background:var(--amber);color:var(--ink-strong)}.fact-strip,.guide-status,.hero-status{display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;overflow:hidden;border-radius:8px}.fact-strip div,.guide-status span,.guide-status strong,.hero-status span,.hero-status strong{background:rgba(18,63,53,.08);min-height:46px;padding:10px}.fact-strip span,.guide-status span,.hero-status span{color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.fact-strip strong,.guide-status strong,.hero-status strong{color:var(--ink-strong);display:block;font-size:.92rem}.guide-section,.related-block,.section-block{padding:42px 0 0}.section-heading{max-width:760px}.section-heading.compact{max-width:680px}.action-grid,.code-group-grid,.metric-grid,.quick-code-grid,.route-grid,.screenshot-grid,.source-grid,.status-band{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.action-card,.code-group,.lookup-card,.metric-card,.quick-code-card,.route-card,.source-grid a,.status-tile{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:8px;min-height:148px;padding:18px}.code-group span,.compact-link-list span,.metric-card span,.quick-code-card span,.route-card span,.source-grid span,.status-tile span{color:var(--ocean);display:block;font-size:.72rem;font-weight:900;margin-bottom:8px;text-transform:uppercase}.action-card strong,.code-group strong,.compact-link-list strong,.metric-card strong,.quick-code-card strong,.route-card strong,.source-grid strong,.status-tile strong{color:var(--ink-strong);display:block}.action-card p,.code-group p,.quick-code-card p,.route-card p,.source-grid p,.status-tile p{color:var(--muted);line-height:1.52;margin:8px 0 0}.snapshot-section{padding-top:38px}.metric-card{min-height:128px;padding:28px 18px 24px;text-align:center}.metric-card strong{color:var(--forest);font-size:clamp(2rem,4vw,2.85rem);line-height:1}.metric-card span{margin:14px 0 0;text-transform:none}.snapshot-time{color:var(--muted);font-size:.82rem;font-weight:900;margin:12px 0 0;text-align:right}.action-grid,.quick-code-grid,.route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-code-copy{margin-top:22px}.hero-code-copy h2{font-size:clamp(1.45rem,3vw,2rem);margin-bottom:14px}.quick-code-card{min-height:180px}.hero-code-copy .quick-code-card{min-height:150px;padding:16px}.quick-code-card strong{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.35rem,3vw,2.05rem);line-height:1.1}.hero-code-copy .quick-code-card strong{font-size:clamp(1.1rem,3vw,1.55rem)}.copy-button{background:var(--forest);border:0;border-radius:8px;color:var(--paper);cursor:pointer;font:inherit;font-weight:900;margin-top:16px;min-height:42px;padding:10px 14px;width:100%}.hero-code-copy .copy-button{margin-top:12px;min-height:38px;padding:8px 12px}.copy-button:hover{background:var(--ocean)}.action-card{min-height:128px}.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-card{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:8px;margin:0;overflow:hidden}.screenshot-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.screenshot-card figcaption{display:grid;gap:6px;padding:14px}.screenshot-card strong{color:var(--ink-strong);font-size:.95rem}.screenshot-card span{color:var(--muted);font-size:.84rem;font-weight:700;line-height:1.45}.compact-link-list a:hover,.route-card:hover,.screenshot-card:hover,.source-grid a:hover{border-color:rgba(21,92,120,.36);transform:translateY(-1px)}.fact-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.lookup-card-list{display:none}.lookup-card{min-height:auto}.lookup-card h3{margin-bottom:14px}.lookup-card dl{display:grid;gap:12px;margin:0}.lookup-card dt{color:var(--ocean);font-size:.72rem;font-weight:900;text-transform:uppercase}.lookup-card dd{color:var(--muted);line-height:1.5;margin:4px 0 0}.two-column{display:grid;gap:26px;grid-template-columns:repeat(2,minmax(0,1fr))}.check-list{color:var(--muted);line-height:1.65;list-style:none;margin:0;padding:0}.check-list li{border-bottom:1px solid var(--line);padding:11px 0}.compact-link-list{display:grid;gap:10px}.compact-link-list a{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:8px;padding:14px}.guide-layout{padding-top:30px}.answer-box,.guide-hero,.plain-page{padding:clamp(24px,4vw,42px)}.guide-hero h1,.plain-page h1{font-size:clamp(2.4rem,6vw,4.8rem)}.answer-box{margin-top:18px}.table-scroll{border:1px solid var(--line);border-radius:8px;overflow-x:auto}table{background:#ffffff;border-collapse:collapse;min-width:760px;width:100%}td,th{border-bottom:1px solid var(--line);padding:14px;text-align:left;vertical-align:top}th{background:var(--forest);color:var(--paper);font-size:.78rem;text-transform:uppercase}td{color:var(--muted);line-height:1.48}td:first-child{color:var(--ink-strong);font-weight:900}.process-list{color:var(--muted);counter-reset:steps;line-height:1.65;list-style:none;margin:0;padding:0}.process-list li{border-bottom:1px solid var(--line);counter-increment:steps;padding:11px 0 11px 42px;position:relative}.process-list li:before{background:var(--coral);border-radius:8px;color:white;content:counter(steps);display:grid;font-weight:900;height:28px;left:0;place-items:center;position:absolute;top:10px;width:28px}.faq-block details{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:8px;margin-top:10px;padding:16px}.faq-block summary{color:var(--ink-strong);cursor:pointer;font-weight:900}.faq-block p{color:var(--muted);line-height:1.6;margin:12px 0 0}.plain-page{margin-top:32px;max-width:860px}.plain-page a{color:var(--ocean);font-weight:900;text-decoration:underline;text-underline-offset:3px}@media (max-width:920px){.hero-shell,.site-footer,.site-header,.two-column{grid-template-columns:1fr}.site-footer,.site-header{align-items:flex-start;flex-direction:column}.hero-shell{display:grid}.hero-copy{min-height:auto}.action-grid,.code-group-grid,.fact-strip,.metric-grid,.quick-code-grid,.route-grid,.screenshot-grid,.source-grid,.status-band{grid-template-columns:repeat(2,minmax(0,1fr))}.snapshot-time{text-align:left}}@media (max-width:620px){.guide-layout,.hero-shell,.plain-page,.section-block,.site-footer,.site-header{width:min(100% - 22px,1160px)}.footer-links,nav{gap:4px}.footer-links a,nav a{font-size:.78rem;padding:7px}h1{font-size:clamp(2.45rem,16vw,4rem)}.action-grid,.code-group-grid,.fact-strip,.guide-status,.hero-status,.metric-grid,.quick-code-grid,.route-grid,.screenshot-grid,.screenshot-grid.compact,.source-grid,.status-band{grid-template-columns:1fr}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.guide-lookup-table{display:none}.lookup-card-list{display:grid;gap:12px}}