@charset "UTF-8";
:root{--bg:#fafbf9;--paper:#fff;--ink:#142c30;--muted:#617176;--soft:#eff4f1;--line:#dfe7e2;--accent:#087f68;--accent-hover:#066652;--accent-soft:#e8f4ed;--navy:#122d32;--radius:18px;--wrap:1160px;color-scheme:light}
html[data-theme=dark]{--bg:#102126;--paper:#172e33;--ink:#e5eeeb;--muted:#afc0bc;--soft:#1a3438;--line:#314a4c;--accent:#64d5b3;--accent-hover:#90e7cc;--accent-soft:#24433c;--navy:#0c1b20;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{vertical-align:middle;flex-shrink:0}img,canvas{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.045em}h1{font-size:clamp(40px,5.4vw,64px);font-weight:750}h2{font-size:clamp(26px,3vw,36px);font-weight:700}h3{font-size:19px;letter-spacing:-.025em}p{margin-bottom:20px}a:hover{color:var(--accent)}:focus-visible{outline:3px solid #edb654;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}.wrap{width:min(var(--wrap),calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-100px;padding:12px 20px;background:var(--paper);z-index:100}.skip-link:focus{top:10px}
.site-header{height:auto;min-height:88px;border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-1.1px;white-space:nowrap}.brand:hover{color:inherit}.brand-symbol{width:40px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:var(--paper)}.brand-light{font-weight:500}.brand-pro{display:inline-block;font-size:9px;line-height:1.5;letter-spacing:1px;vertical-align:top;margin:5px 0 0 5px;background:var(--accent-soft);color:var(--accent);padding:2px 5px;border-radius:4px}.desktop-nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:550}.desktop-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:26px}.header-actions{display:flex;gap:18px;align-items:center}.language-label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.icon-button{border:1px solid var(--line);background:var(--paper);color:var(--ink);width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.icon-button:hover{border-color:var(--accent);color:var(--accent)}.mobile-toggle{display:none}.mobile-nav{padding:8px 0 20px}.mobile-nav a{display:block;padding:12px;border-bottom:1px solid var(--line)}
.hero{text-align:center;padding-top:58px;padding-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:var(--accent);display:block;line-height:1.5;margin-bottom:17px}.hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero h1{margin-bottom:21px}.hero h1 span{color:var(--accent)}.hero-description{max-width:530px;font-size:16px;line-height:1.7;margin:0 auto 23px;color:var(--muted)}.hero-badges{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.hero-badges span{display:flex;align-items:center;gap:6px}.hero-badges svg{color:var(--accent)}.workspace{max-width:1000px;margin-top:12px}.workspace-footnote{font-size:11px;color:var(--muted);margin:16px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.workspace-footnote>a{display:inline-flex;align-items:center;gap:4px;text-decoration:underline;text-underline-offset:3px}.steps-section{padding-block:75px 65px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:10px}.text-link{color:var(--accent);font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:8px}.steps-grid>div{position:relative;border-top:1px solid var(--line);padding-top:19px}.step-number{color:var(--accent);font-size:11px;letter-spacing:1px;font-weight:700;display:block;margin-bottom:16px}.steps-grid h3{margin-bottom:10px;font-size:18px}.steps-grid p{font-size:13px;color:var(--muted);max-width:270px;margin-bottom:0}.tools-section{background:var(--soft);border-block:1px solid var(--line);padding-block:59px 65px}.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.resource-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:23px 23px 18px;min-width:0;transition:border-color .18s,transform .18s,box-shadow .18s}.resource-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #142c3008;color:var(--ink)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.card-icon{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--accent);background:var(--bg)}.card-tag{font-size:8px;letter-spacing:1.2px;color:var(--muted);font-weight:650}.resource-card h3{font-size:17px;line-height:1.3;margin-bottom:10px;letter-spacing:-.025em}.resource-card p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:25px}.card-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:11px;font-weight:650;margin-top:auto;padding-top:13px;border-top:1px solid var(--line)}.reading-section{display:grid;grid-template-columns:1fr 1.55fr;gap:100px;padding-block:75px}.reading-label{align-self:start;position:sticky;top:30px}.reading-label h2{font-size:34px;margin-bottom:20px}.reading-label p{font-size:13px;color:var(--muted);max-width:290px}.tool-explainer h2{font-size:21px;margin-top:28px}.tool-explainer h2:first-child{margin-top:0}.related-section{padding-block:0 75px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid .resource-card{padding:24px}.related-grid .card-top{margin-bottom:17px}.related-grid .resource-card p{margin-bottom:18px}
.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:11px;padding-top:25px;line-height:1.5}.hero .breadcrumbs{justify-content:center;padding-top:0;margin-top:-18px;margin-bottom:30px}.breadcrumbs span[aria-current]{max-width:100%;overflow-wrap:anywhere}.breadcrumbs a:hover{text-decoration:underline}.article-header{max-width:760px;padding-block:50px 45px}.article-header h1{font-size:clamp(36px,5vw,54px);margin-bottom:22px;line-height:1.1}.article-intro{font-size:18px;color:var(--muted);line-height:1.65;margin-bottom:0}.article-meta{font-size:12px;color:var(--muted);margin-top:24px;display:flex;gap:10px}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 280px;gap:100px;padding-block:10px 80px}.prose{min-width:0;overflow-wrap:anywhere;color:var(--muted);font-size:15px;line-height:1.85}.prose h2,.prose h3{color:var(--ink);margin-top:38px;margin-bottom:16px;line-height:1.25}.prose h2{font-size:26px}.prose h2:first-child{margin-top:0}.prose p{margin-bottom:20px}.prose ul,.prose ol{padding-inline-start:23px}.prose li{padding-inline-start:4px;margin-bottom:9px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose .button{text-decoration:none;color:white}.prose code{padding:2px 5px;background:var(--soft);border-radius:4px;color:var(--ink)}.prose table{width:100%;border-collapse:collapse;display:block;overflow:auto}.prose td,.prose th{padding:12px;border:1px solid var(--line);text-align:start}.prose pre{overflow:auto;padding:20px;background:var(--soft);font-size:12px;border-radius:12px}.article-aside{padding:28px;background:var(--soft);border:1px solid var(--line);border-radius:16px;align-self:start;position:sticky;top:25px}.article-aside h2{font-size:26px;margin-bottom:17px}.article-aside h3{font-size:17px}.article-aside p{color:var(--muted);font-size:12px;line-height:1.8}.article-aside .button{font-size:11px;padding-inline:15px;white-space:normal}.aside-divider{border-top:1px solid var(--line);margin-block:25px}.hub-section{padding-bottom:65px}.hub-section .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-prose{max-width:780px;margin-top:50px}.hub-prose:empty{display:none}.error-page{min-height:55vh;padding-block:90px}.error-page p{color:var(--muted)}.setup-empty{padding:40px;border:1px solid var(--line);border-radius:var(--radius)}
.site-footer{padding-top:58px;background:#122b30;color:#d9e6df}.site-footer .brand{color:#fff}.site-footer .brand-symbol{background:#164b42;color:#a6e4c5;border:1px solid #276052}.site-footer .brand-pro{background:#23483f;color:#a6e4c5}.footer-grid{display:grid;grid-template-columns:1.6fr 1.1fr 1fr .8fr;gap:60px;padding-bottom:45px}.footer-brand p{font-size:13px;color:#b0c2bd;line-height:1.75;margin-block:22px 15px}.footer-note{font-size:10px;color:#b0c2bd}.site-footer h2{font-size:12px;letter-spacing:0;margin-bottom:21px;color:#fff}.site-footer ul{padding:0;margin:0;list-style:none}.site-footer li{margin-bottom:12px;font-size:11px;color:#b0c2bd}.site-footer a:hover{color:#a6e4c5}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;border-top:1px solid #2d4548;padding-block:21px 25px;color:#b0c2bd}.site-footer .footer-bottom a{white-space:nowrap}
@media(min-width:1400px){.hero{padding-top:65px}.workspace{margin-top:18px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.desktop-nav{gap:20px}.header-actions{gap:12px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-section{gap:45px;grid-template-columns:1fr 1.4fr}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 250px}.footer-grid{gap:25px}.hub-section .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:56px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header-inner{height:72px;gap:10px}.site-header{min-height:72px}.brand{font-size:21px;gap:8px}.brand-symbol{width:34px;height:36px;border-radius:10px}.brand-pro{font-size:8px}.desktop-nav{display:none}.mobile-toggle{display:grid}.header-actions{gap:8px}.language-label{font-size:10px;gap:4px}.language-label svg{width:14px}.icon-button{width:34px;height:34px}.hero{padding-top:38px;padding-bottom:22px}.hero h1{font-size:45px;line-height:1.1;margin-bottom:18px}.hero .eyebrow{font-size:8px;letter-spacing:1.35px;margin-bottom:17px}.hero-description{font-size:14px;max-width:360px}.hero-badges{font-size:9px;gap:9px}.hero-badges svg{width:13px}.workspace{margin-top:0}.workspace-footnote{font-size:10px;gap:5px;margin-top:12px}.steps-section{padding-block:48px}.section-heading{align-items:start;gap:15px;margin-bottom:25px}.section-heading h2{font-size:27px}.section-heading>.text-link{font-size:10px;align-self:flex-end}.steps-grid{grid-template-columns:1fr;gap:23px}.steps-grid>div{display:grid;grid-template-columns:35px 1fr;column-gap:12px;padding-top:17px}.steps-grid h3{font-size:17px;margin-bottom:8px}.steps-grid p{grid-column:2;max-width:100%;font-size:12px}.step-number{grid-row:1/3;padding-top:2px}.tools-section{padding-block:40px}.resource-grid{gap:12px}.resource-card{padding:18px 16px 15px;border-radius:12px}.card-top{margin-bottom:18px}.card-tag{font-size:7px;letter-spacing:.8px}.card-icon{width:34px;height:34px}.card-icon svg{width:20px}.resource-card h3{font-size:16px}.resource-card p{font-size:11px;margin-bottom:18px}.reading-section{padding-block:45px;grid-template-columns:1fr;gap:30px}.reading-label{position:static}.reading-label h2{font-size:28px}.reading-label h2 br{display:none}.reading-label p{max-width:none}.tool-explainer{font-size:13px}.tool-explainer h2{font-size:20px}.related-section{padding-bottom:45px}.related-grid{grid-template-columns:1fr}.related-grid .resource-card{padding:20px}.related-grid .card-top{display:none}.related-grid .resource-card h3{font-size:18px}.related-grid .resource-card p{font-size:12px}.article-header{padding-block:35px}.article-header h1{font-size:38px}.article-intro{font-size:15px}.article-layout{grid-template-columns:1fr;gap:30px;padding-bottom:45px}.article-aside{position:static}.prose{font-size:14px}.prose h2{font-size:23px}.hub-section .resource-grid{grid-template-columns:1fr}.hub-section .resource-card h3{font-size:19px}.hub-section .resource-card p{font-size:13px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px;padding-bottom:35px}.footer-brand{grid-column:1/-1}.footer-brand p br{display:none}.footer-brand p{margin-block:15px 8px}.site-footer{padding-top:38px}.footer-bottom{flex-direction:column;gap:8px;padding-block:20px}.breadcrumbs{font-size:10px}.hero .breadcrumbs{margin-top:0;margin-bottom:25px}.error-page{padding-block:60px}.error-page h1{font-size:40px}}
@media(min-width:701px){.hero{padding-top:40px;padding-bottom:22px}.hero h1{font-size:56px;line-height:1.08;margin-bottom:18px}.hero-description{font-size:14px;max-width:620px;margin-bottom:19px}.hero .eyebrow{margin-bottom:14px}.hero-badges{font-size:10px}.workspace{margin-top:10px}.tool-input-pane{padding:24px 28px}.tool-result-pane{min-height:255px}}
@media(max-width:700px){.hero{padding-top:30px}.hero h1{font-size:35px;line-height:1.12}.hero-description{font-size:13px}.icon-button{width:40px;height:40px}.header-actions{gap:6px}}
@media(max-width:370px){.language-label{display:none}.hero h1{font-size:32px}.hero-badges{gap:6px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* 1.1: readable, task-first workspace across screen sizes. */
:root{--accent:#076751;--accent-hover:#05503f;--muted:#52656a}
html[data-theme=dark]{--accent:#74dfbf;--accent-hover:#a4ecd6;--muted:#bccdc8}
.tool-shortcuts{display:flex;justify-content:center;gap:6px;margin-bottom:20px;padding:5px;background:var(--soft);border:1px solid var(--line);border-radius:14px;width:max-content;max-width:calc(100% - 32px)}
.tool-shortcuts a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;border-radius:10px;font-size:14px;font-weight:650}
.tool-shortcuts a[aria-current]{background:var(--paper);box-shadow:0 2px 8px #142c3009;color:var(--accent)}
.brand-pro{font-size:10px;color:var(--accent)}
.hero h1{max-width:900px;margin-inline:auto}.hero-description{font-size:16px;max-width:650px}.hero-badges{font-size:12px}
.resource-card p,.steps-grid p{font-size:14px}.card-tag{font-size:10px}.text-link{font-size:14px}.workspace-footnote{font-size:12px;flex-wrap:wrap}
html[data-theme=dark] .brand-symbol{color:#102126}
@media(max-width:700px){
 html{scroll-padding-top:88px}.site-header{position:sticky;top:0;z-index:20}.header-inner{height:64px}.site-header{min-height:64px}.icon-button{width:44px;height:44px}.language-label{font-size:12px}.brand-pro{font-size:9px}
 .hero{padding-top:24px;padding-bottom:16px}.hero h1{font-size:clamp(29px,8vw,36px);line-height:1.12;letter-spacing:-.04em;margin-bottom:12px}.hero .eyebrow{font-size:10px;letter-spacing:1.15px;margin-bottom:10px}.hero-description{font-size:14px;line-height:1.55;margin-bottom:12px}.hero-badges{font-size:12px;gap:8px}.hero-badges>span:not(:first-child){display:none}
 .tool-shortcuts{margin-bottom:14px;gap:2px}.tool-shortcuts a{padding-inline:17px;font-size:13px}.workspace-footnote{font-size:12px;line-height:1.6;justify-content:center;text-align:center}
 .resource-grid{grid-template-columns:1fr}.resource-card{padding:22px}.resource-card h3{font-size:20px}.resource-card p,.steps-grid p,.related-grid .resource-card p{font-size:14px}.card-top{margin-bottom:14px}.card-tag{font-size:10px}.section-heading>.text-link{font-size:13px}.tool-explainer,.prose{font-size:16px}.footer-note,.site-footer li,.footer-bottom{font-size:12px}.site-footer h2{font-size:14px}
}
@media(max-width:370px){.language-label{display:none}.tool-shortcuts a{padding-inline:14px}}

@media(max-width:700px){.hero-badges{display:none}.hero{padding-top:20px}.hero-description{margin-bottom:0}.tool-shortcuts{margin-bottom:14px}}