:root{--paper:#f6f9fb;--card:#fff;--ink:#0f2a43;--soft:#3a4250;--muted:#6b7682;--line:#e2e8ee;--green:#1f7a5c;--green-d:#185a42;--gold:#e0a52e;--amber:#f6c544;--maxw:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.72 Inter,system-ui,Arial,sans-serif}a{color:var(--green);text-underline-offset:3px}h1,h2,h3,.logo{font-family:Fraunces,Georgia,serif;line-height:1.15}h1{font-size:clamp(2.35rem,6vw,4rem);letter-spacing:-.025em;margin:.3em 0}h2{font-size:clamp(1.7rem,4vw,2.35rem);margin:1.65em 0 .55em}h3{font-size:1.3rem;margin:1.4em 0 .45em}p,li{color:var(--soft)}.wrap{width:min(var(--maxw),calc(100% - 40px));margin:auto}.top{background:var(--ink);color:#fff;font-size:.78rem;text-align:center;padding:8px 16px;letter-spacing:.08em;text-transform:uppercase}.nav{background:#fff;border-bottom:1px solid var(--line)}.navin{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0}.logo{font-weight:700;font-size:1.35rem;color:var(--ink);text-decoration:none}.logo b{color:var(--green)}.links{display:flex;gap:24px;align-items:center}.links a{color:var(--soft);font-size:.9rem;font-weight:700;text-decoration:none}.links a:hover{color:var(--green)}.hero{padding:78px 0 62px;background:linear-gradient(135deg,var(--amber),#ffe58a)}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--green-d)}.lead{font-size:1.2rem;max-width:720px}.main{padding:58px 0 82px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--card);border:1px solid var(--line);padding:25px;border-radius:7px}.card h2,.card h3{margin-top:0}.card a.stretch{font-weight:800;text-decoration:none}.meta{font-size:.8rem;color:var(--muted);letter-spacing:.04em}.article{max-width:790px}.article>p,.article>ul,.article>ol{font-size:1.08rem}.summary{background:#eaf5f0;border-left:4px solid var(--green);padding:20px 24px;margin:30px 0}.example{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px 22px;margin:24px 0}.example code{white-space:pre-wrap;font:15px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:#243241}.cta{background:var(--ink);color:#fff;padding:34px;border-radius:8px;margin:45px 0}.cta h2,.cta p{color:#fff;margin-top:0}.btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-weight:800;padding:14px 23px;border-radius:4px}.btn.alt{background:var(--ink)}.steps{counter-reset:s}.steps li{list-style:none;position:relative;padding:0 0 22px 54px}.steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.footer{background:var(--ink);color:#b7c1c8;padding:42px 0;font-size:.86rem}.footer p{color:#b7c1c8}.footer a{color:#fff}.source{font-size:.84rem;border-top:1px solid var(--line);padding-top:18px;margin-top:34px}.breadcrumbs{font-size:.82rem;margin-bottom:18px}.breadcrumbs a{color:var(--green-d)}@media(max-width:760px){body{font-size:16px}.navin{align-items:flex-start;flex-direction:column}.links{gap:15px;width:100%;overflow:auto}.hero{padding:54px 0 44px}.main{padding:42px 0 64px}.grid,.two{grid-template-columns:1fr}.card{padding:21px}.cta{padding:26px}}

.example code{display:block;overflow-wrap:anywhere}.summary a{font-size:.95rem}.card h2{font-size:1.5rem}.article h2{scroll-margin-top:24px}a:focus-visible{outline:3px solid #e0a52e;outline-offset:4px}