:root{color-scheme:light;--ink:#17332c;--muted:#597168;--brand:#008967;--soft:#e9f7f1;--line:#dfebe5;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fbfdfb;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.7}a{color:var(--brand);text-underline-offset:4px}a:hover{color:#005e48}a:focus-visible{outline:3px solid #59b995;outline-offset:5px;border-radius:4px}.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.97)}.nav-wrap{max-width:1216px;margin:auto;padding:21px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:19px;font-weight:700;text-decoration:none;letter-spacing:-.5px}.site-header nav{display:flex;align-items:center;gap:28px}.nav-docs{font-size:14px;font-weight:600;text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;background:var(--brand);color:#fff;padding:11px 18px;font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap}.button:hover{background:#006d52;color:white}.page-wrap{max-width:1216px;margin:0 auto;padding:0 32px 80px}.docs-hero{padding:76px 0 44px;max-width:850px}.eyebrow,.tag{font-size:12px;text-transform:uppercase;letter-spacing:1.1px;font-weight:700;color:var(--brand)}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(34px,4.8vw,54px);margin:18px 0 22px;max-width:900px;font-weight:720}h2{font-size:28px;margin:0 0 20px}h3{font-size:20px;margin:30px 0 12px}.lead{color:var(--muted);font-size:19px;line-height:1.7;max-width:760px}.guide-section{margin:24px 0 56px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:23px;margin:0}.section-heading>span{color:var(--muted);font-size:13px}.guide-card{display:flex;gap:26px;max-width:880px;padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--paper);text-decoration:none;box-shadow:0 4px 20px #16382c04}.guide-card:hover{border-color:#8ac6ac;box-shadow:0 8px 30px #16382c08}.guide-icon{display:grid;place-items:center;flex-shrink:0;width:50px;height:50px;background:var(--soft);border-radius:12px;color:var(--brand);font-size:26px}.guide-card h3{color:var(--ink);margin:10px 0}.guide-card p{color:var(--muted);margin:0 0 18px;font-size:15px}.read-guide{font-size:14px;font-weight:700}.callout,.article-cta{padding:30px 34px;border:1px solid #cbe5d7;border-radius:14px;background:var(--soft);max-width:880px}.callout h2,.article-cta h2{font-size:23px;margin:0 0 12px}.callout p,.article-cta p{color:var(--muted);margin:0 0 16px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;padding-top:32px;font-size:13px;color:var(--muted)}.article-header{padding:38px 0 40px;border-bottom:1px solid var(--line)}.article-header h1{max-width:850px}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted);margin:24px 0 0}.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:64px;padding-top:42px;align-items:start}.toc{position:sticky;top:24px;border-right:1px solid var(--line);padding-right:22px;font-size:13px}.toc h2{font-size:13px;text-transform:uppercase;letter-spacing:.7px;margin:0 0 18px}.toc ol{padding:0;list-style:none;margin:0}.toc li{margin:0 0 12px}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--brand)}.article-body{min-width:0}.article-body section{margin-bottom:52px;scroll-margin-top:30px}.article-body h2{font-size:29px}.article-body p{margin:16px 0;color:#334e43}.article-body ul,.article-body ol{padding-left:24px}.article-body li{margin:9px 0;color:#334e43}.note,.example{border-radius:10px;background:#f1f8f3;border:1px solid #d7e9dd;padding:20px 23px;margin:24px 0;font-size:15px}.note strong{color:var(--ink)}.example h3{margin-top:0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:24px 0;background:white}table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.65;min-width:420px}th,td{padding:15px 18px;text-align:left;vertical-align:top}th{background:#f0f6f2;font-size:12px;text-transform:uppercase;letter-spacing:.5px}td{border-top:1px solid var(--line);color:#3b574a}td:first-child{font-weight:650;color:var(--ink);width:31%}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.89em;background:#eaf1ed;color:#245442;border-radius:4px;padding:2px 5px;white-space:nowrap}.article-cta{margin-top:50px}.site-footer{border-top:1px solid var(--line);background:white}.site-footer>div{max-width:1216px;margin:auto;padding:38px 32px}.site-footer p{font-size:14px;color:var(--muted);margin:10px 0 20px}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.site-footer small{display:block;color:var(--muted);font-size:12px;margin-top:24px}.skip-link{position:absolute;top:-100px;left:20px;background:white;border:2px solid var(--brand);border-radius:8px;padding:8px 16px;z-index:100}.skip-link:focus{top:12px}@media(max-width:900px){.article-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.toc{padding-right:15px}.article-header h1{font-size:42px}}@media(max-width:680px){.nav-wrap{padding:17px 20px}.brand{font-size:17px;gap:8px}.site-header nav{gap:12px}.nav-docs{display:none}.button{font-size:12px;padding:10px 12px}.page-wrap{padding:0 20px 50px}.docs-hero{padding-top:45px}.lead{font-size:17px}.section-heading{align-items:flex-start;flex-direction:column;gap:6px}.guide-card{padding:23px;gap:16px}.guide-icon{width:36px;height:36px;font-size:21px}.guide-card h3{font-size:22px}.callout,.article-cta{padding:24px}.article-header{padding:28px 0}.article-header h1{font-size:36px}.article-meta{gap:8px;font-size:12px}.article-layout{display:block;padding-top:26px}.toc{position:static;border-right:0;border:1px solid var(--line);padding:20px;border-radius:10px;background:white;margin-bottom:35px}.toc ol{columns:2;column-gap:20px}.toc li{break-inside:avoid}.article-body h2{font-size:26px}.article-body section{margin-bottom:40px}th,td{padding:12px 14px}.site-footer>div{padding:30px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
