@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 900;font-display:swap;src:url('/fonts/fraunces-normal.woff2') format('woff2')}@font-face{font-family:'Fraunces';font-style:italic;font-weight:300 900;font-display:swap;src:url('/fonts/fraunces-italic.woff2') format('woff2')}@font-face{font-family:'Karla';font-style:normal;font-weight:300 800;font-display:swap;src:url('/fonts/karla-normal.woff2') format('woff2')}@font-face{font-family:'Karla';font-style:italic;font-weight:300 800;font-display:swap;src:url('/fonts/karla-italic.woff2') format('woff2')}:root,.dark{--background:#fffdf5;--foreground:#1a1a1a;--primary:#1a1a1a;--primary-foreground:#f6d13a;--muted:#f7f2e2;--muted-foreground:#6b6650;--border:#e6dfc4;--ring:#e9c021;--radius:.4rem;--yellow:#f6d13a;--yellow-deep:#e9c021;--accent:#7a5c00;--text:#1a1a1a;--text-muted:#6b6650;--bg:#fffdf5}*{box-sizing:border-box}body{margin:0;font-family:'Karla',-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;background:var(--background);color:var(--foreground);font-size:16px;line-height:1.6}a{text-decoration:none;color:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #cc9224;outline-offset:5px}a:hover{color:#7a5c00}.wrap{max-width:1180px;margin:auto;padding-left:30px;padding-right:30px}.proposal{background:#132f2c;color:#cbe3df;font-size:12px;letter-spacing:.1em;padding:9px 30px;display:flex;gap:18px}.proposal span{letter-spacing:0;color:#a7c4bf}.proposal a{margin-left:auto;letter-spacing:0;color:white}header{max-width:1240px;margin:auto;display:flex;align-items:center;gap:30px;padding:24px 30px;border-bottom:1px solid var(--border)}.brand{font-size:25px;font-weight:720;letter-spacing:-1.2px;display:flex;align-items:center;gap:9px}.brand img{width:28px;height:28px}.brand span{color:#7a5c00;padding-left:6px}nav{display:flex;gap:26px;margin-left:auto;font-size:14px;font-weight:550}.nav-cta{display:flex;gap:8px;align-items:center;border:1px solid #c8d7d3;border-radius:5px;padding:9px 13px;font-size:14px;font-weight:600}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;padding-top:83px;padding-bottom:77px;align-items:center}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.13em;color:#7a5c00;display:flex;gap:9px;align-items:center}.eyebrow>span,.dot{width:7px;height:7px;border-radius:50%;background:#1a1a1a;display:inline-block}h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(38px,4.5vw,54px);letter-spacing:-.02em;line-height:1.05;font-weight:700;margin:23px 0;font-variation-settings:'SOFT' 50}h1 em{font-style:normal;color:#7a5c00}.lede{font-size:19px;line-height:1.7;color:#536966;max-width:490px}.actions{display:flex;gap:23px;align-items:center;margin:29px 0 14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 20px;border-radius:5px;font-size:15px;font-weight:600}.primary{background:#1a1a1a;color:#f6d13a;border-radius:999px}.primary:hover{background:#000;color:#f6d13a}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.micro{display:flex;gap:7px;align-items:center;font-size:12px;color:#657976}.formats{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px;padding-top:18px;border-top:1px solid var(--border);font-size:12px;letter-spacing:.04em;color:#607874}.example{border:1px solid #ccdbd6;border-radius:9px;overflow:hidden;box-shadow:0 18px 60px #163e2d0b;background:#fff;min-width:0}.example-head{padding:15px 20px;border-bottom:1px solid var(--border);font-size:.875rem;display:flex;align-items:center;gap:7px;background:#f6f9f8}.example-head>span:last-child{margin-left:auto;color:#667c77;letter-spacing:0}.demo-tabs{width:100%!important;height:auto!important;border-radius:0!important;padding:10px 12px!important;gap:5px;background:white!important;border-bottom:1px solid var(--border)}.demo-tabs button{padding:10px;font-size:13px;color:#59706b}.demo-tabs button[data-active]{background:#fff8dc!important;color:#7a5c00!important;box-shadow:none!important}.example [data-slot=tabs-content]{padding:17px 24px 0;font-size:14px}.verdict{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.badge{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:600}.amber{background:#fff0d4;color:#906010}.green{background:#e4f3e9;color:#12633b}.mono,code,pre{font-family:ui-monospace, monospace}.mono{font-size:12px;color:#6b817b}.example h3{font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:1.3}.example p{color:#62736e;margin:9px 0 18px;font-size:13px}.example pre{background:#17332f;color:#e5f3ec;padding:18px;border-radius:4px;font-size:12px;line-height:1.85;overflow:auto;min-height:126px}.dim{color:#a4c5ba}.code-green{color:#7be4ab}.next{padding:17px 0 0}.next>span{font-size:10px;letter-spacing:.1em;font-weight:700;color:#7a5c00}.next p{margin:5px 0 16px}.example-link{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;border-top:1px solid var(--border);padding:15px 24px}.band{background:#f3f7f5;border-top:1px solid #e1e9e5;border-bottom:1px solid #e1e9e5}.band .wrap{display:flex;gap:30px;padding-top:19px;padding-bottom:19px;font-size:14px}.band span{color:#698079}.band strong{font-weight:500}.checks{padding-top:72px;padding-bottom:64px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:12px 70px;align-items:end}.section-heading .eyebrow{grid-column:1/-1}h2{font-family:'Fraunces',Georgia,serif;font-size:32px;line-height:1.15;letter-spacing:-.015em;font-weight:600;margin:12px 0 20px;font-variation-settings:'SOFT' 50}.section-heading p,.integration p,.guide-promo p{color:#64766f;line-height:1.75}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:37px;border:1px solid var(--border);border-radius:7px;overflow:hidden}.check-grid article{padding:30px;position:relative}.check-grid article+article{border-left:1px solid var(--border)}.icon{color:#7a5c00;margin-bottom:28px}.icon svg{width:26px;height:26px;stroke-width:1.5}.index{font-size:10px;letter-spacing:.1em;color:#7c8f87}.check-grid h3{font-size:20px;letter-spacing:-.5px;font-weight:600;margin:10px 0}.check-grid p{font-size:14px;line-height:1.8;color:#5c7068;min-height:105px}.check-grid a{font-size:13px;font-weight:600;color:#7a5c00;display:flex;align-items:center;gap:10px;margin-top:24px}.disclosure{font-size:12px;color:#6a7b74;max-width:800px;margin-top:18px}.integration{background:#f3f7f5;border-top:1px solid #e1e9e5;border-bottom:1px solid #e1e9e5}.integration-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding-top:65px;padding-bottom:65px}.integration-options>a{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #d5e1da;align-items:flex-start}.integration-options>a:first-child{padding-top:0}.integration-options>a:last-child{border-bottom:0}.integration-options>a>svg:first-child{color:#7a5c00;width:22px}.integration-options>a>svg:last-child{margin-left:auto;width:17px}.integration-options h3{font-size:18px;font-weight:600}.integration-options p{font-size:13px;margin:4px 0 10px}.integration-options code{font-size:12px;border:1px solid #d2dfd8;background:white;padding:7px 10px;display:block;overflow-wrap:anywhere}.guide-promo{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:72px;padding-bottom:72px}.guide-card{padding:30px;border:1px solid var(--border);border-radius:7px;transition:background .2s}.guide-card:hover{background:#f3f7f5}.guide-card .mono{display:flex;justify-content:space-between;color:#7a5c00}.guide-card h3{font-size:25px;font-weight:550;line-height:1.3;margin-top:24px;letter-spacing:-.6px}.guide-card p{font-size:14px}.read{display:block;margin-top:23px;color:#7a5c00;font-size:13px;font-weight:600}.final-cta{border-top:1px solid var(--border);padding-top:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{font-size:30px;margin-bottom:10px}.final-cta p{font-size:14px;color:#64766f}.limits{font-size:12px;line-height:1.8;color:#74827b;padding-top:30px;padding-bottom:48px}.limits a{text-decoration:underline}footer{border-top:1px solid var(--border);padding:35px max(30px,calc((100vw - 1120px)/2));display:flex;gap:20px;align-items:center;flex-wrap:wrap}footer .brand{font-size:21px}footer p{font-size:13px;color:#6c8077}footer>div{display:flex;gap:20px;margin-left:auto;font-size:12px}footer small{width:100%;font-size:11px;color:#8a9890}.guide-layout{display:grid;grid-template-columns:200px 1fr;gap:60px;padding-top:45px;padding-bottom:60px}.toc{font-size:13px;position:sticky;top:25px;align-self:start}.toc span{font-size:10px;letter-spacing:.1em;color:#849087}.toc a{display:block;padding:10px 0;color:#4d6b61}.article{max-width:750px}.article h1{font-size:48px}.article h2{font-size:28px;margin-top:45px}.article p{color:#526b60;line-height:1.85;margin:15px 0}.article pre{background:#1a1a1a;color:#f3ece0;padding:24px;font-size:13px;border-radius:6px;overflow:auto}.article .note{background:#fff8dc;border-left:3px solid #e9c021;padding:15px 23px;margin:25px 0;font-size:14px}.breadcrumb{font-size:12px;color:#608071;margin:0 0 30px}.article ol{padding-left:22px;list-style:decimal}.article li{padding:8px 0}.article table{border-collapse:collapse;width:100%;font-size:14px}.article td,.article th{padding:13px;text-align:left;border-bottom:1px solid var(--border)}
@media(max-width:900px){nav{gap:14px}header{gap:16px}.hero{gap:30px}.hero h1{font-size:44px}.integration-inner{gap:40px}.check-grid article{padding:22px}.actions{flex-wrap:wrap;gap:15px}.guide-layout{grid-template-columns:140px 1fr;gap:25px}}
@media(max-width:680px){.wrap{padding-left:22px;padding-right:22px}header{padding:20px 22px;flex-wrap:wrap;gap:15px}.brand{font-size:23px}nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:12px}.nav-cta{margin-left:auto;font-size:12px}.proposal{padding:8px 22px;font-size:10px}.proposal span{display:none}.hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:40px;gap:35px}.hero h1{font-size:43px;letter-spacing:-2px}.lede{font-size:17px}.formats{margin-top:26px}.example-head{font-size:9px}.band .wrap{display:block;font-size:12px}.band strong{display:block;margin-top:3px}.checks{padding-top:45px;padding-bottom:40px}.section-heading{display:block}h2{font-size:30px}.check-grid{grid-template-columns:1fr}.check-grid article+article{border-left:0;border-top:1px solid var(--border)}.check-grid p{min-height:0}.icon{margin-bottom:14px}.integration-inner,.guide-promo{grid-template-columns:1fr;gap:32px;padding-top:42px;padding-bottom:42px}.final-cta{display:block;padding-top:30px}.final-cta .button{margin-top:22px}footer{padding:30px 22px;gap:15px}footer>div{margin-left:0;flex-wrap:wrap}.guide-layout{display:block}.toc{display:none}.article h1{font-size:37px}.article pre{font-size:11px;padding:16px}.eyebrow{font-size:10px}.article table{font-size:12px}}

/* Revision 2: a dominant document workflow and quieter follow-up checks. */
.hero{grid-template-columns:1.2fr 1fr;gap:50px}.hero h1{font-size:clamp(38px,4vw,53px);letter-spacing:-2.3px}.privacy{display:flex;gap:9px;align-items:flex-start;color:#7a5c00;font-size:14px;font-weight:550;margin:17px 0 24px}.privacy svg{margin-top:3px;flex-shrink:0}.privacy small{display:block;color:#637b70;font-weight:400;font-size:12px;margin-top:3px}.docs-secondary{font-size:13px}.diagnosis{border-top:1px solid var(--border);display:grid;grid-template-columns:1.1fr 1fr;gap:75px;padding-top:52px;padding-bottom:52px}.diagnosis p{color:#5c7368;max-width:460px;font-size:15px;line-height:1.8;margin:12px 0 22px}.diagnosis-panel{background:#eef6f2;border:1px solid #d5e5db;border-radius:7px;padding:27px 30px}.diagnosis-panel>svg{color:#7a5c00}.diagnosis-panel h3{font-size:22px;font-weight:600;margin-top:17px;letter-spacing:-.5px}.diagnosis-panel p{font-size:14px;margin-bottom:20px}.key-label{display:block;font-size:12px;font-weight:400;color:#60766a;margin-top:8px}.followups{background:#f7f9f8;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:35px 0}.followup-heading h2{font-size:27px;margin:10px 0}.followup-heading>p{font-size:14px;color:#687c71}.followup-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:27px}.followup-grid article{display:flex;gap:16px}.followup-grid article>svg{flex-shrink:0;color:#7a5c00;margin-top:4px}.followup-grid h3{font-size:17px;font-weight:600}.followup-grid p{font-size:14px;line-height:1.7;color:#61786a;margin:10px 0 16px}.followup-grid .text-link{font-size:13px}.followups .disclosure{margin-top:24px;font-size:12px}.compact-integration{padding-top:45px;padding-bottom:40px;border-bottom:1px solid var(--border)}.compact-integration h2{font-size:27px}.integration-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.integration-strip>a{display:grid;grid-template-columns:24px 1fr 16px;column-gap:12px;align-items:center}.integration-strip strong{font-size:16px;font-weight:550}.integration-strip span:not(.mono){grid-column:2/4;grid-row:2;font-size:12px;color:#60786b;margin-top:5px}.integration-strip>a>svg:first-child{color:#7a5c00}.guide-promo{padding-top:45px;padding-bottom:45px}.guide-promo h2{font-size:30px}.article .actions .text-link{display:block}.article .actions{align-items:flex-start}.article .key-label{margin-top:2px}
@media(max-width:680px){.hero{grid-template-columns:1fr;gap:30px}.hero h1{font-size:40px;letter-spacing:-1.9px}.diagnosis{grid-template-columns:1fr;gap:24px;padding-top:35px;padding-bottom:35px}.diagnosis h2{font-size:29px}.diagnosis-panel{padding:24px}.followup-grid{grid-template-columns:1fr;gap:27px}.integration-strip{grid-template-columns:1fr;gap:24px}.guide-promo{padding-top:35px;padding-bottom:35px}.key-label{font-size:12px}}

/* Readability review: keep explanations legible and examples self-contained. */
.example .example-context{margin:0;padding:18px 22px;background:#f6f9f8;font-size:1rem;line-height:1.6;color:#435f55}.example .example-caption{padding:0 24px;font-size:.875rem;line-height:1.6;color:#526b60}.example p,.diagnosis p,.diagnosis-panel p,.followup-grid p,.followup-heading>p,.guide-card p,.final-cta p{font-size:1rem;line-height:1.7}.example pre{font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere}.demo-tabs button,.text-link,.example-link,.key-label,.formats,.privacy small,.disclosure,.followups .disclosure,.limits,.micro,.toc,.breadcrumb,.read,footer>div,.integration-strip span:not(.mono){font-size:.875rem}.example-head,.eyebrow,.badge,.next>span,.toc span,footer small{font-size:.75rem}.mono{font-size:.875rem}.integration-strip{align-items:start}.integration-strip>a{row-gap:4px}.article{max-width:70ch;min-width:0}.article h3{font-family:'Fraunces',Georgia,serif;font-size:1.2rem;font-weight:600;margin-top:25px}.article pre{font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere}.article p a{text-decoration:underline;color:#7a5c00}.article .micro{display:block;font-size:.875rem}.article table{font-size:.875rem}.article th,.article td{vertical-align:top}.example .next p{margin-top:8px}.hero{align-items:start;padding-top:60px}.hero-copy{padding-top:15px}.key-label{line-height:1.6}.followup-grid .text-link{font-size:.875rem}
@media(max-width:680px){nav,.nav-cta{font-size:.875rem}.hero h1{font-size:2.5rem}.hero{padding-top:30px}.hero-copy{padding-top:0}.proposal{font-size:.75rem}.demo-tabs button{padding:10px 7px}.example [data-slot=tabs-content]{padding-left:18px;padding-right:18px}.example .example-context{padding:16px 18px}.example .example-caption{padding:0 18px}.article td,.article th{padding:10px 7px}.article h1{font-size:2.25rem}.article .actions{gap:24px}}

.practical-answers{padding-top:45px;padding-bottom:45px}.practical-answers h2{font-size:1.875rem}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 55px;margin-top:28px}.answer-grid article{border-top:1px solid var(--border);padding-top:20px;min-width:0}.answer-grid h3{font-size:1.0625rem;line-height:1.5;font-weight:600;margin:0 0 12px}.answer-grid p{font-size:1rem;line-height:1.75;color:#526b60;margin:0;max-width:62ch}.answer-grid a{color:#7a5c00;text-decoration:underline;text-underline-offset:3px}@media(max-width:680px){.answer-grid{grid-template-columns:1fr;gap:24px}.practical-answers{padding-top:35px;padding-bottom:35px}}

/* Static production shell and progressively enhanced tabs. */
h1,h2,h3,p{margin-top:0}h1{margin-top:23px}button{font:inherit;cursor:pointer}svg{display:inline-block;vertical-align:middle;flex-shrink:0}.example-title{font-size:.875rem;font-weight:600;margin:0}.demo-tabs{display:flex}.demo-tabs button{border:0;background:transparent;border-radius:4px;flex:1}.demo-tabs button[aria-selected=true]{background:#fff8dc;color:#7a5c00}.example-panel{padding:17px 24px 0}.example-panel[hidden]{display:none}.key-entry{font-size:.875rem;color:#526b60;padding-bottom:25px}.key-entry a{text-decoration:underline;color:#7a5c00}.article .lede{max-width:100%}footer>div{flex-wrap:wrap}.example-head h2+span{margin-left:auto}.example h3{margin-top:0}@media(max-width:680px){.example-panel{padding:17px 18px 0}}

/* Keep every navigation destination reachable on narrow screens. */
header nav{flex-wrap:wrap}header nav a{white-space:nowrap}
.gloss,.article .gloss{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:1.35rem;line-height:1.35;color:var(--accent);max-width:52ch;margin:-8px 0 22px;text-wrap:balance}