:root,[data-theme='light']{
  --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);
  --text-sm:clamp(.875rem,.8rem + .35vw,1rem);
  --text-base:clamp(1rem,.95rem + .25vw,1.125rem);
  --text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);
  --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);
  --text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;
  --color-bg:#f7f6f2;--color-surface:#fbfaf7;--color-surface-2:#ffffff;--color-surface-offset:#efede7;--color-border:#d7d3ca;--color-text:#28251d;--color-text-muted:#68655e;--color-text-faint:#a9a59b;--color-text-inverse:#f9f8f4;--color-primary:#01696f;--color-primary-hover:#0c4e54;--color-primary-highlight:#dbe9e7;
  --radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px oklch(0.2 0.01 80 / .06);--shadow-md:0 6px 18px oklch(0.2 0.01 80 / .08);--content-narrow:720px;--content-default:980px;--content-wide:1180px;--font-display:'Cabinet Grotesk','Arial',sans-serif;--font-body:'Satoshi','Arial',sans-serif;--transition-interactive:180ms cubic-bezier(.16,1,.3,1)
}
[data-theme='dark']{--color-bg:#171614;--color-surface:#1d1c19;--color-surface-2:#23221f;--color-surface-offset:#292824;--color-border:#3a3832;--color-text:#e0ded8;--color-text-muted:#aaa69c;--color-text-faint:#79756c;--color-text-inverse:#171614;--color-primary:#69aeb6;--color-primary-hover:#88c0c6;--color-primary-highlight:#263c3e;--shadow-sm:0 1px 2px oklch(0 0 0 / .2);--shadow-md:0 8px 24px oklch(0 0 0 / .32)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:5rem;text-size-adjust:none;-webkit-font-smoothing:antialiased}
body{min-height:100dvh;line-height:1.6;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}
h1,h2,h3{font-family:var(--font-display);line-height:1.08;text-wrap:balance}p,li{max-width:72ch;text-wrap:pretty}a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary)}button,a{transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive),transform var(--transition-interactive)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--color-primary-highlight)}
.skip-link{position:absolute;left:var(--space-4);top:var(--space-4);z-index:100;background:var(--color-text);color:var(--color-text-inverse);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.container{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-4)}.narrow{max-width:var(--content-narrow)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--color-bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in oklab,var(--color-text) 12%,transparent)}.header-inner{display:flex;align-items:center;gap:var(--space-4);min-height:72px}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;font-family:var(--font-display)}.logo-mark{width:34px;height:34px}.site-nav{display:flex;align-items:center;gap:var(--space-4);margin-left:auto;font-size:var(--text-sm)}.site-nav a{min-height:44px;display:inline-flex;align-items:center;color:var(--color-text-muted)}.theme-toggle,.menu-toggle{min-width:44px;min-height:44px;border:1px solid color-mix(in oklab,var(--color-text) 12%,transparent);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text)}.menu-toggle{display:none;padding-inline:var(--space-4)}
.hero{padding-block:clamp(var(--space-16),8vw,var(--space-24));border-bottom:1px solid color-mix(in oklab,var(--color-text) 10%,transparent)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr);gap:var(--space-12);align-items:center}.hero h1{font-size:var(--text-2xl);letter-spacing:-.035em;max-width:900px}.hero-subhead,.page-hero p{font-size:var(--text-lg);color:var(--color-text-muted);margin-top:var(--space-5)}.eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary);font-weight:700;margin-bottom:var(--space-3);max-width:none}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-weight:700;font-size:var(--text-sm);border:1px solid transparent}.button.primary{background:var(--color-primary);color:#fff}.button.primary:hover{background:var(--color-primary-hover);color:#fff;transform:translateY(-1px)}.button.secondary{background:var(--color-surface);border-color:color-mix(in oklab,var(--color-text) 14%,transparent);color:var(--color-text)}.button.secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.button.full{width:100%}
.hero-panel{background:var(--color-surface);border:1px solid color-mix(in oklab,var(--color-text) 12%,transparent);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.panel-top{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);padding-bottom:var(--space-4);border-bottom:1px solid color-mix(in oklab,var(--color-text) 10%,transparent)}.mini-checklist{display:grid;gap:var(--space-4);margin-block:var(--space-6);list-style:none}.mini-checklist li{display:flex;align-items:center;gap:var(--space-3);font-weight:500}.mini-checklist span{width:16px;height:16px;border-radius:var(--radius-sm);border:2px solid var(--color-primary);position:relative}.mini-checklist span::after{content:"";position:absolute;left:3px;top:1px;width:7px;height:10px;border:solid var(--color-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}
.section{padding-block:clamp(var(--space-12),7vw,var(--space-20))}.section.compact{padding-block:clamp(var(--space-10),5vw,var(--space-16))}.section.tight{padding-block:var(--space-8)}.offset{background:var(--color-surface-offset)}.section-heading,.split-heading{margin-bottom:var(--space-8)}.section-heading h2,.split-heading h2,.how-grid h2,.audience-grid h2,.cta-card h2{font-size:var(--text-xl);letter-spacing:-.025em}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6)}.split-heading>a{color:var(--color-primary);font-weight:700}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.proof-grid article{border-top:1px solid color-mix(in oklab,var(--color-text) 14%,transparent);padding-top:var(--space-4)}.proof-grid h2{font-size:var(--text-base);letter-spacing:0}.proof-grid p{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}
.cluster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.cluster-card,.resource-card,.steps-grid article,.sidebar-card,.path-card,.example-card{background:var(--color-surface);border:1px solid color-mix(in oklab,var(--color-text) 12%,transparent);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.cluster-card:hover,.resource-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);color:inherit}.cluster-card span{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.cluster-card p,.resource-card p,.steps-grid p,.audience-list span,.site-footer p,.path-card li{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.resource-grid.featured{grid-template-columns:repeat(4,1fr)}.resource-card{display:flex;flex-direction:column;min-height:220px}.resource-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.resource-card h3 a::after{content:"";position:absolute;inset:0}.resource-card{position:relative}.card-meta{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.card-meta .eyebrow{margin-bottom:0}.card-meta span{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);border:1px solid color-mix(in oklab,var(--color-text) 12%,transparent);border-radius:var(--radius-full);padding:.2rem .55rem;background:var(--color-surface-2)}.how-grid,.audience-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--space-10);align-items:start}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.steps-grid span{display:inline-block;color:var(--color-primary);font-size:var(--text-xs);font-weight:700;margin-bottom:var(--space-5)}.audience-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);list-style:none}.audience-list li{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid color-mix(in oklab,var(--color-text) 12%,transparent)}.audience-list strong,.audience-list span{display:block}.cta-card{background:var(--color-text);color:var(--color-text-inverse);border-radius:var(--radius-xl);padding:clamp(var(--space-8),6vw,var(--space-16));}.cta-card .eyebrow{color:var(--color-primary-hover)}.cta-card .button.secondary{background:transparent;color:var(--color-text-inverse);border-color:color-mix(in oklab,var(--color-text-inverse) 28%,transparent)}
.page-hero{padding-block:clamp(var(--space-12),7vw,var(--space-20));border-bottom:1px solid color-mix(in oklab,var(--color-text) 10%,transparent)}.page-hero h1{font-size:var(--text-2xl);letter-spacing:-.035em}.split-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-8);align-items:start}.single-column{grid-template-columns:repeat(2,1fr)}.hub-stack{display:grid;gap:var(--space-8)}.mini-heading{margin-bottom:var(--space-4)}.mini-heading h2,.path-card h2{font-size:var(--text-lg)}.sidebar-list{padding-left:1.1rem;margin-block:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.sidebar-card .button+.button{margin-top:var(--space-3)}.path-card ol{padding-left:1.2rem;margin-top:var(--space-3)}.path-card a{font-weight:700;color:var(--color-primary)}.article-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--space-10);padding-block:var(--space-12)}.toc{position:sticky;top:96px;align-self:start;font-size:var(--text-sm)}.toc>a{display:inline-flex;margin-bottom:var(--space-4);font-weight:700;color:var(--color-primary)}.toc nav{display:grid;gap:var(--space-2);border-left:1px solid color-mix(in oklab,var(--color-text) 12%,transparent);padding-left:var(--space-4)}.toc nav a{color:var(--color-text-muted)}.article-notes{display:grid;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-5);background:var(--color-surface);border:1px solid color-mix(in oklab,var(--color-text) 12%,transparent);border-radius:var(--radius-lg)}.article-notes p{font-size:var(--text-sm);margin:0;color:var(--color-text-muted)}.article-notes strong{color:var(--color-text)}.article-notes a,.download-card a{color:var(--color-primary);font-weight:700}.article-content{max-width:780px}.article-content section+section{margin-top:var(--space-12)}.article-content h2{font-size:var(--text-xl);letter-spacing:-.025em;margin-bottom:var(--space-4)}.article-content h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.article-content p,.article-content li{color:var(--color-text-muted)}.article-content ul{padding-left:1.2rem}.article-content li+li{margin-top:var(--space-2)}.check-list{list-style:none!important;padding-left:0!important;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.check-list li{padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid color-mix(in oklab,var(--color-text) 10%,transparent);margin:0!important}.step-list{counter-reset:item;list-style:none;display:grid;gap:var(--space-4);margin-top:var(--space-5)}.step-list li{background:var(--color-surface);border:1px solid color-mix(in oklab,var(--color-text) 10%,transparent);border-radius:var(--radius-lg);padding:var(--space-5);position:relative}.step-number{display:inline-flex;color:var(--color-primary);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.download-card{background:var(--color-primary-highlight);border:1px solid color-mix(in oklab,var(--color-primary) 22%,transparent);border-radius:var(--radius-xl);padding:var(--space-6)}.faq-list{display:grid;gap:var(--space-3)}details{background:var(--color-surface);border:1px solid color-mix(in oklab,var(--color-text) 10%,transparent);border-radius:var(--radius-lg);padding:var(--space-4)}summary{cursor:pointer;font-weight:700}details p{margin-top:var(--space-3)}.related-grid{grid-template-columns:repeat(2,1fr)}.template-block{position:relative;background:#111;color:#f6f1e8;border-radius:var(--radius-lg);overflow:hidden;margin-top:var(--space-4)}.template-block pre{padding:var(--space-8) var(--space-6) var(--space-6);overflow:auto;font-size:var(--text-sm);line-height:1.55}.copy-button{position:absolute;right:var(--space-3);top:var(--space-3);background:#fff;color:#111;border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:700}.example-card{margin-top:var(--space-4)}.prose{max-width:760px}.prose h2{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose p,.prose li{color:var(--color-text-muted);margin-top:var(--space-3)}.prose ul{padding-left:1.2rem}
.site-footer{padding-block:var(--space-12);background:var(--color-surface-offset);border-top:1px solid color-mix(in oklab,var(--color-text) 10%,transparent)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8)}.footer-grid nav{display:grid;gap:var(--space-2);align-content:start}.footer-grid h2{font-size:var(--text-sm);margin-bottom:var(--space-2)}.footer-grid a,.footer-grid p{font-size:var(--text-sm);color:var(--color-text-muted)}
@media (max-width:980px){.hero-grid,.how-grid,.audience-grid,.article-layout,.split-layout{grid-template-columns:1fr}.toc{position:static;order:2}.cluster-grid,.resource-grid.featured,.proof-grid{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.site-nav{display:none;position:absolute;left:var(--space-4);right:var(--space-4);top:72px;background:var(--color-surface);border:1px solid color-mix(in oklab,var(--color-text) 12%,transparent);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-md);z-index:80;gap:var(--space-1)}.site-nav.open{display:grid}.site-nav a{min-height:40px;padding-inline:var(--space-2)}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.theme-toggle{margin-left:0}}
@media (max-width:620px){.container{padding-inline:var(--space-4)}.hero,.page-hero{padding-block:var(--space-12)}.cluster-grid,.resource-grid,.resource-grid.featured,.single-column,.related-grid,.check-list,.audience-list,.proof-grid{grid-template-columns:1fr}.split-heading{display:block}.split-heading>a{display:inline-flex;margin-top:var(--space-4)}.button-row{display:grid}.button{width:100%}.footer-grid{grid-template-columns:1fr}.hero-panel{padding:var(--space-5)}.article-notes{padding:var(--space-4)}}
@media print{.site-header,.site-footer,.toc,.button-row{display:none}.article-layout{display:block}.article-content{max-width:none}.page-hero{padding-block:1rem}.article-content section+section{margin-top:1.5rem}body{background:#fff;color:#111}.resource-card,.download-card,.step-list li{box-shadow:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}