@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e664fdf150ece08d.p.0uclrktt8h78d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/847c6af3f14ca2aa.p.2dv7oiayrgfo5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.atkinson_hyperlegible_next_637695d9-module__QaYkaq__className{font-family:Atkinson Hyperlegible Next;font-style:normal}.atkinson_hyperlegible_next_637695d9-module__QaYkaq__variable{--font-atkinson-hyperlegible:"Atkinson Hyperlegible Next"}
:where(:root,:host){--s2-color-scheme:light dark;color-scheme:var(--s2-color-scheme);--s2-container-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#111);background:var(--s2-container-bg);--s2-scale:1;--s2-font-size-base:14;--lightningcss-light:initial;--lightningcss-dark: }@media (prefers-color-scheme:dark){:where(:root,:host){--lightningcss-light: ;--lightningcss-dark:initial}}@media not ((hover:hover) and (pointer:fine)){:where(:root,:host){--s2-scale:1.25;--s2-font-size-base:17}}:where(:root,:host)[data-color-scheme=light]{--s2-color-scheme:light;--lightningcss-light:initial;--lightningcss-dark: }:where(:root,:host)[data-color-scheme=dark]{--s2-color-scheme:dark;--lightningcss-light: ;--lightningcss-dark:initial}:where(:root,:host)[data-background=layer-1]{--s2-container-bg:var(--lightningcss-light,#f8f8f8)var(--lightningcss-dark,#1b1b1b)}:where(:root,:host)[data-background=layer-2]{--s2-container-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#222)}
:root{--page-max:76rem;--content-max:68rem;--page-gutter:clamp(1rem, 4vw, 3rem);--text-scale:1;--reading-font:var(--font-atkinson-hyperlegible), ui-sans-serif, system-ui, sans-serif;--s2-font-family-sans:var(--reading-font);--surface-border:color-mix(in srgb, currentColor 18%, transparent);--surface-subtle:color-mix(in srgb, currentColor 5%, transparent);--site-h1-size:clamp(2.5rem, 7vw, 5.25rem);--site-h2-size:clamp(1.75rem, 4vw, 2.75rem);--site-h3-size:1.5rem;--site-h4-size:1.25rem;--site-h5-size:1.125rem;--site-h6-size:1rem;--site-eyebrow-size:.875rem;--site-eyebrow-spacing:.08em;--site-body-line-height:1.65;--site-focus-color:#1473e6;--site-focus-width:3px;--site-focus-offset:3px;--site-radius:.75rem;--site-content-gap:clamp(2rem, 5vw, 4rem);--site-canvas:Canvas;--site-text:CanvasText;--site-surface:Canvas;--site-border-color:color-mix(in srgb, currentColor 18%, transparent);--site-accent:var(--lightningcss-light,#0b5cab)var(--lightningcss-dark,#8ab4f8);--site-accent-secondary:var(--lightningcss-light,#5b4b7a)var(--lightningcss-dark,#c9b6e4)}html{font-size:calc(100% * var(--text-scale));scroll-padding-top:6rem}html[data-text-size=large]{--text-scale:1.125}html[data-text-size=larger]{--text-scale:1.25}*{box-sizing:border-box}body{min-width:min(20rem,100%);min-height:100vh;font-family:var(--reading-font);color:var(--site-text);background:var(--site-canvas);line-height:var(--site-body-line-height);margin:0}a{text-underline-offset:.2em}html[data-links=underlined] a{text-decoration:underline!important}.skip-link{z-index:100;color:canvastext;background:canvas;border:.125rem solid;border-radius:.25rem;padding:.75rem 1rem;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:20;background:color-mix(in srgb, var(--site-canvas) 88%, transparent);border-block-end:1px solid var(--surface-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;inset-block-start:0}.header-inner,.footer-inner{width:min(100%, var(--page-max));padding-inline:var(--page-gutter);margin-inline:auto}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;display:flex}.site-identity{color:inherit;font-size:1.125rem;font-weight:700;text-decoration:none}.site-controls,.primary-nav ul{align-items:center;gap:.75rem;display:flex}.primary-nav ul{flex-wrap:wrap;margin:0;padding:0;list-style:none}.primary-nav a{color:inherit;font-weight:600}.preferences{position:relative}.preferences summary{border:1px solid var(--surface-border);cursor:pointer;border-radius:999px;min-height:2.75rem;padding:.7rem .85rem;font-weight:600}.preferences summary::marker{content:""}.preferences[open] summary{outline-offset:2px;outline:2px solid}.preferences-panel{z-index:20;color:canvastext;border:1px solid var(--surface-border);background:canvas;border-radius:.75rem;gap:1rem;width:min(21rem,100vw - 2rem);padding:1rem;display:grid;position:absolute;inset-block-start:calc(100% + .75rem);inset-inline-end:0;box-shadow:0 .5rem 1.5rem #0000002e}.preferences-panel h2,.preferences-panel p{margin:0}.preference-switches{gap:.75rem;display:grid}.main-content{width:min(100%, var(--page-max));padding:clamp(2rem, 5vw, 4.5rem) var(--page-gutter);flex:1;margin-inline:auto}.main-content:focus{outline:none}.home{gap:clamp(4rem,9vw,7rem);display:grid}.hero{max-width:58rem}.eyebrow{font-size:var(--site-eyebrow-size);letter-spacing:var(--site-eyebrow-spacing);text-transform:uppercase;margin-block:0 .75rem;font-weight:700}h1,h2,h3,p{overflow-wrap:break-word}h1{max-width:17ch;font-size:var(--site-h1-size);letter-spacing:-.04em;margin:0;line-height:1.04}h2{font-size:var(--site-h2-size);margin-block:0;line-height:1.15}h3{font-size:var(--site-h3-size);margin-block:0 .75rem}h4{font-size:var(--site-h4-size)}h5{font-size:var(--site-h5-size)}h6{font-size:var(--site-h6-size)}.hero-summary{max-width:49rem;margin-block:1.75rem 0;font-size:clamp(1.125rem,2.5vw,1.5rem);line-height:1.55}.content-section{border-block:1px solid var(--surface-border);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2rem,6vw,5rem);padding-block:clamp(2rem,5vw,4rem);display:grid}.content-section>p{margin:0;font-size:1.125rem;line-height:1.7}.section-heading{max-width:42rem}.principles{gap:2.5rem;display:grid}.principle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.principle-grid article,.status-note{background:var(--surface-subtle);border:1px solid var(--surface-border);border-radius:.75rem;padding:clamp(1.25rem,3vw,2rem)}.principle-grid p,.status-note p{margin-block:0;line-height:1.65}.status-note{max-width:var(--content-max)}.status-note h2{margin-block-end:1rem;font-size:1.5rem}.content-page{gap:var(--site-content-gap);display:grid}.content-page>*{min-width:0}.inline-definition-list{gap:.75rem;margin-block:1.5rem;display:grid}.inline-definition-list div{grid-template-columns:minmax(9rem,.35fr) minmax(0,1fr);gap:.25rem 1rem;display:grid}.inline-definition-list dt,.inline-definition-list dd{margin:0}.copy-template-action{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-block:1rem;display:flex}.copy-template-action p{margin:0}.template-code{max-width:100%;max-height:32rem;color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--surface-border);font-family:var(--font-mono,"Source Code Pro", Consolas, monospace);white-space:pre-wrap;border-radius:.5rem;padding:1rem;font-size:.875rem;line-height:1.55;overflow:auto}@media (max-width:40rem){.inline-definition-list div{grid-template-columns:1fr}}.not-found-page{gap:clamp(2.5rem,7vw,5rem);max-width:58rem;margin-inline:auto;display:grid}.not-found-page h1{max-width:15ch}.not-found-help{color:canvastext;background:var(--surface-subtle);border:1px solid var(--surface-border);border-radius:.75rem;grid-template-columns:minmax(0,1.1fr) minmax(15rem,.9fr);gap:clamp(1.5rem,5vw,3rem);padding:clamp(1.5rem,4vw,2.5rem);display:grid}.not-found-help h2{font-size:clamp(1.5rem,3vw,2.25rem)}.not-found-help p{line-height:1.65}.not-found-help ul{gap:.75rem;margin:0;padding-inline-start:1.25rem;display:grid}.not-found-help a{color:inherit;font-weight:700}.page-header{max-width:64rem}.page-header h1{max-width:19ch}.related-links,.tool-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.related-links{margin-block-start:1.5rem}.related-links a,.primary-link{color:inherit;text-underline-offset:.25em;font-weight:700}.primary-link{align-items:center;width:fit-content;min-height:2.75rem;margin-block-start:1.5rem;display:inline-flex}.content-discovery{gap:1.5rem;display:grid}.discovery-controls{grid-template-columns:minmax(16rem,2fr) repeat(2,minmax(12rem,1fr));align-items:end;gap:1rem;display:grid}.discovery-count{margin:0;font-weight:700}.related-content{gap:.75rem;display:grid}.related-content>h2{margin-bottom:.5rem}.related-resource-list{margin:0;padding:0;list-style:none}.related-resource-list h3 a{color:inherit;text-underline-offset:.25em}.tool-card{background:var(--surface-subtle);border:1px solid var(--surface-border);border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.portfolio-card{background:var(--surface-subtle);border:1px solid var(--surface-border);grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(1.5rem,5vw,3.5rem);padding:clamp(1.25rem,4vw,2.5rem);display:grid}.portfolio-card-text{grid-template-columns:minmax(0,1fr)}.portfolio-list{gap:1.5rem;display:grid}.portfolio-data-table table{min-width:76rem}.portfolio-data-table{width:100%;min-width:0}.portfolio-card img{border:1px solid var(--surface-border);width:100%;height:auto;display:block}.portfolio-card h2{font-size:clamp(1.5rem,3vw,2.25rem)}.portfolio-card p:not(.eyebrow){line-height:1.65}.tool-card h2{font-size:clamp(1.5rem,3vw,2.25rem)}.tool-card p:not(.eyebrow){max-width:50rem;line-height:1.65}.tool-directory{width:100%;min-width:0;margin-block-start:2rem}.tool-directory table{min-width:64rem}.tool-directory th[scope=row] a{color:inherit;font-weight:700}.tool-directory td small{max-width:28rem}.tool-support{border-block-start:1px solid var(--surface-border);grid-template-columns:minmax(0,1fr) minmax(16rem,.8fr);gap:clamp(1.5rem,5vw,3rem);padding-block-start:2.5rem;display:grid}.tool-facts{gap:.5rem;margin-block:1.5rem 0;display:grid}.tool-facts div{gap:.5rem;display:flex}.tool-facts dt{font-weight:700}.tool-facts dt:after{content:":"}.tool-facts dd{margin:0}.image-architect{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.architect-controls,.architect-output,.architect-fields{gap:1.25rem;min-width:0;display:grid}.provider-setup{border:1px solid var(--surface-border);border-radius:.75rem;gap:1rem;padding:1rem;display:grid}.provider-setup h3{margin:0}.compact-tool-header{gap:.75rem}.compact-tool-header>*{margin-block:0}.compact-tool-meta{flex-wrap:wrap;gap:.25rem 1.5rem;display:flex}.compact-tool-meta p{margin:0}.design-system-page section>h2{margin-block-end:1.5rem}.design-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.design-system-card,.theme-lab-callout,.theme-lab-controls,.theme-preview,.lab-section{border:1px solid var(--surface-border);border-radius:.75rem}.design-system-card{padding:1.25rem}.design-system-card p{line-height:1.65}.theme-lab-callout{background:var(--surface-subtle);justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.theme-lab-callout p:not(.eyebrow){max-width:48rem;line-height:1.65}.theme-lab-layout{grid-template-columns:minmax(17rem,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(1.25rem,3vw,2rem);display:grid}.theme-lab-controls{gap:1.25rem;padding:1.25rem;display:grid;position:sticky;inset-block-start:1rem}.theme-lab-controls h2,.theme-lab-controls p{margin-block:0}.theme-validation{border:2px solid;border-radius:.5rem;padding:1rem}.theme-validation h3{margin-block-end:.5rem}.theme-validation-pass{color:var(--lightningcss-light,#086f43)var(--lightningcss-dark,#79d8ad)}.theme-validation-fail{color:var(--lightningcss-light,#b52632)var(--lightningcss-dark,#ff9a9f)}.theme-application-status{background:var(--surface-subtle);border-radius:.5rem;gap:.75rem;padding:1rem;display:grid}html[data-custom-theme=active] .main-content :is(p,li,dd){line-height:var(--site-body-line-height)}html[data-custom-theme=active] .main-content a{color:var(--site-accent)}html[data-custom-theme=active] .eyebrow{color:var(--site-accent-secondary)}html[data-custom-theme=active]{--surface-border:var(--site-border-color);--surface-subtle:color-mix(in srgb, var(--site-text) 5%, transparent)}html[data-custom-theme=active] body{color:var(--site-text);background-color:var(--site-canvas)}html[data-custom-theme=active] :is(.preferences-panel,.status-note,.privacy-notice,.portfolio-card,.tool-card,.provider-setup,.design-system-card,.theme-lab-controls,.theme-preview,.lab-section,.not-found-panel){background-color:var(--site-surface);border-color:var(--site-border-color)}html[data-canvas-effect=paper-vignette] body{background-image:radial-gradient(ellipse at center, transparent 72%, color-mix(in srgb, var(--site-border-color) 22%, transparent) 100%);background-attachment:fixed}html[data-canvas-effect=paper-vignette] .site-header{border-block-end-color:color-mix(in srgb, var(--site-text) 20%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--site-canvas) 65%, transparent)}html[data-custom-theme=active] :focus-visible{outline:var(--site-focus-width) solid var(--site-focus-color)!important;outline-offset:var(--site-focus-offset)!important}html[data-custom-theme=active] :is(.status-note,.privacy-notice,.effort-context,.portfolio-card,.tool-card,.provider-setup,.design-system-card,.theme-lab-callout,.theme-lab-controls,.theme-preview,.lab-section){border-radius:var(--site-radius)}.theme-preview{--lab-h1-size:clamp(2.25rem, 5vw, 3.75rem);--lab-h2-size:2.25rem;--lab-h3-size:1.75rem;--lab-h4-size:1.4rem;--lab-h5-size:1.2rem;--lab-h6-size:1rem;--lab-eyebrow-size:.9375rem;--lab-eyebrow-spacing:.06em;--lab-body-line-height:1.65;--lab-focus-color:#1473e6;--lab-focus-width:3px;--lab-focus-offset:3px;--lab-radius:12px;--lab-section-gap:1.5rem;--lab-canvas:#fff;--lab-text:#1d1d1d;--lab-surface:#fff;--lab-border:#c7c7c7;--lab-accent:#0b5cab;--lab-accent-secondary:#5b4b7a;gap:var(--lab-section-gap);border-radius:var(--lab-radius);color:var(--lab-text);background:var(--lab-surface);border-color:var(--lab-border);padding:clamp(1rem,3vw,2rem);display:grid}.theme-preview .lab-section{background:var(--lab-surface);border-color:var(--lab-border)}.theme-preview a{color:var(--lab-accent)}.theme-preview .lab-eyebrow{color:var(--lab-accent-secondary)}.theme-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.persistent-focus-preview{border:1px solid var(--surface-border);border-radius:.75rem;gap:1rem;padding:1rem;display:grid}.persistent-focus-preview h3,.persistent-focus-preview p{margin:0}.persistent-focus-preview p{margin-block-start:.25rem;font-size:.925rem}.focus-surface-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.focus-surface{border:1px solid var(--surface-border);border-radius:.5rem;justify-items:start;gap:.75rem;min-width:0;padding:1rem;display:grid}.focus-surface-light{color:var(--focus-preview-light-text);background:var(--focus-preview-light)}.focus-surface-dark{color:var(--focus-preview-dark-text);background:var(--focus-preview-dark)}.focus-specimen{outline:var(--focus-preview-width) solid var(--focus-preview-color);outline-offset:var(--focus-preview-offset);border:1px solid;border-radius:.35rem;align-items:center;min-height:2.5rem;padding-inline:.75rem;display:inline-flex}.focus-surface small{font-weight:700}.focus-width-comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding-block:.5rem;display:grid}.focus-width-comparison>div{justify-items:center;gap:.5rem;display:grid}.focus-width-sample{outline:var(--comparison-width) solid var(--focus-preview-color);outline-offset:2px;border:1px solid;border-radius:.35rem;place-items:center;min-width:3.25rem;min-height:2.5rem;display:inline-grid}.focus-width-selected{background:var(--surface-subtle);font-weight:700}@media (prefers-reduced-transparency:reduce){.site-header{background:var(--site-canvas);-webkit-backdrop-filter:none;backdrop-filter:none}}.theme-preview :focus-visible{outline:var(--lab-focus-width) solid var(--lab-focus-color)!important;outline-offset:var(--lab-focus-offset)!important}.theme-preview-intro{max-width:54rem}.lab-h1{max-width:20ch;font-size:var(--lab-h1-size);letter-spacing:-.02em;line-height:1.2}.lab-h2{font-size:var(--lab-h2-size);line-height:1.3}.lab-type-scale{gap:.65rem;padding-block:.5rem;display:grid}.lab-type-scale p{margin:0;font-weight:700;line-height:1.15}.lab-scale-h1{font-size:var(--lab-h1-size)}.lab-scale-h2{font-size:var(--lab-h2-size)}.lab-scale-h3{font-size:var(--lab-h3-size)}.lab-scale-h4{font-size:var(--lab-h4-size)}.lab-scale-h5{font-size:var(--lab-h5-size)}.lab-scale-h6{font-size:var(--lab-h6-size)}.lab-eyebrow{font-size:var(--lab-eyebrow-size);letter-spacing:var(--lab-eyebrow-spacing);text-transform:uppercase;margin-block:0 .75rem;font-weight:700;line-height:1.4}.lab-lead,.lab-section p,.lab-section li{line-height:var(--lab-body-line-height)}.lab-lead{max-width:65ch;font-size:1.125rem}.lab-section{gap:var(--lab-section-gap);border-radius:var(--lab-radius);padding:1.25rem;display:grid}.lab-section>*{margin-block:0}.lab-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.lab-switches{align-content:start;gap:1rem;display:grid}.lab-table{border-radius:calc(var(--lab-radius) / 2)}.clamped-tool-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.architect-output{background:var(--surface-subtle);border:1px solid var(--surface-border);border-radius:.75rem;padding:clamp(1.25rem,3vw,2rem);position:sticky;inset-block-start:6rem}.architect-output h3{font-size:clamp(1.15rem,2vw,1.4rem)}.parameter-breakdown{gap:0;margin-block:1rem 0;display:grid}.parameter-breakdown div{border-block-start:1px solid var(--surface-border);grid-template-columns:minmax(6rem,.35fr) minmax(0,1fr);gap:.75rem;padding-block:.6rem;display:grid}.parameter-breakdown dt{font-weight:700}.parameter-breakdown dd{overflow-wrap:anywhere;min-width:0;margin:0}.generation-result{border-block-start:1px solid var(--surface-border);gap:.75rem;padding-block-start:1rem;display:grid}.generation-result img{border:1px solid var(--surface-border);width:100%;height:auto;display:block}.architect-controls [role=group]{min-width:0}.form-generator{gap:clamp(2rem,5vw,3.5rem);display:grid}.generator-step{border-block-start:1px solid var(--surface-border);gap:1.25rem;min-width:0;padding-block-start:2rem;display:grid}.generator-step h2{font-size:clamp(1.5rem,3vw,2.25rem)}.generator-fields,.generator-switches{gap:1rem;max-width:48rem;display:grid}.generator-tips{background:var(--surface-subtle);border-inline-start:.25rem solid var(--surface-border);max-width:48rem;padding:1rem 1.25rem}.generator-tips p{margin-block-start:0}.generator-tips li,.generated-preview p,.preview-field p{line-height:1.6}.generated-preview{background:var(--surface-subtle);border:1px solid var(--surface-border);gap:1.5rem;max-width:48rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.preview-field{gap:.5rem;display:grid}.preview-field label,.preview-field legend{font-weight:700}.preview-field fieldset{border:1px solid var(--surface-border);gap:.5rem;min-width:0;margin:0;padding:1rem;display:grid}.preview-field fieldset label{font-weight:400}.preview-field input:not([type=checkbox]):not([type=radio]):not([type=range]),.preview-field select,.preview-field textarea{color:canvastext;border:1px solid var(--surface-border);width:min(100%,40rem);min-height:2.75rem;font:inherit;background:canvas;border-radius:.25rem;padding:.65rem .75rem}.preview-field textarea{resize:vertical;min-height:8rem}.preview-field button[role=switch]{color:canvastext;border:1px solid var(--surface-border);width:fit-content;min-height:2.75rem;font:inherit;background:canvas;border-radius:999px;padding:.65rem 1rem;font-weight:700}.preview-field details{border:1px solid var(--surface-border);margin-block-start:.5rem;padding:.75rem}.preview-field summary{cursor:pointer;font-weight:700}.field-description{margin:0}.tool-support li,.version-notes p{line-height:1.6}.version-notes{background:var(--surface-subtle);border:1px solid var(--surface-border);padding:1.25rem}.version-notes summary{cursor:pointer;font-weight:700}.version-notes[open] summary{margin-block-end:1.25rem}.effort-context{color:canvastext;background:color-mix(in srgb, CanvasText 2%, Canvas);border:1px solid var(--surface-border);border-radius:.5rem;grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr);gap:clamp(1.5rem,4vw,2.5rem);margin-block-start:1.5rem;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.effort-context h2{font-size:clamp(1.4rem,3vw,2rem)}.effort-context p:not(.eyebrow){line-height:1.65}.effort-context .related-links{align-content:start;margin:0;display:grid}.tag-list{flex-wrap:wrap;gap:.5rem 1.5rem;margin-block:1.5rem 0;padding-inline-start:1.25rem;display:flex}.privacy-notice,.next-step{max-width:var(--content-max);background:var(--surface-subtle);border-inline-start:.35rem solid;padding:clamp(1.25rem,3vw,2rem)}.privacy-notice h2,.next-step h2{margin-block-end:.75rem;font-size:1.4rem}.privacy-notice p,.next-step p{margin:0;line-height:1.65}.matrix-builder{gap:2.5rem;display:grid}.decision-record-builder,.measurement-plan-builder,.decision-record-output,.measure-builder{gap:1.5rem;min-width:0;display:grid}.measure-card{gap:1.25rem;display:grid}.measure-card>button{width:fit-content}.decision-record-output{border-block-start:1px solid var(--surface-border);padding-block-start:2.5rem}.decision-record-output>p:not(.eyebrow){max-width:52rem;line-height:1.65}.tool-section-heading{max-width:50rem}.tool-section-heading>p:last-child{line-height:1.65}.matrix-form{gap:1.5rem;display:grid}.matrix-form fieldset{border:1px solid var(--surface-border);border-radius:.5rem;min-width:0;margin:0;padding:clamp(1rem,3vw,1.75rem)}.matrix-form legend{padding-inline:.5rem;font-size:1.125rem;font-weight:700}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.form-grid-compact{grid-template-columns:minmax(8rem,.4fr) minmax(0,1.6fr)}.sr-status{min-height:1.5rem;margin:0;font-weight:600}.matrix-results{border-block-start:1px solid var(--surface-border);gap:1.5rem;padding-block-start:2.5rem;display:grid}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:2rem;display:flex}.matrix-summary{flex-wrap:wrap;gap:1.5rem;margin:0;display:flex}.matrix-summary div{min-width:7rem}.matrix-summary dt{font-size:.875rem}.matrix-summary dd{margin:.25rem 0 0;font-size:1.75rem;font-weight:700}.empty-state{background:var(--surface-subtle);border:1px dashed var(--surface-border);padding:2rem}.empty-state p{margin-block-end:0}.table-scroll{border:1px solid var(--surface-border);max-width:100%;overflow-x:auto}.table-scroll:focus-visible{outline-offset:3px;outline:3px solid}.table-scroll table{border-collapse:collapse;width:100%;min-width:52rem}.table-scroll caption{text-align:start;padding:1rem;font-weight:700}.table-scroll th,.table-scroll td{text-align:start;vertical-align:top;border-block-start:1px solid var(--surface-border);padding:1rem}.table-scroll th{background:var(--surface-subtle)}.table-scroll td>span,.table-scroll td>small{margin-block-start:.5rem;line-height:1.5;display:block}.project-facts,.impact-list{background:var(--surface-border);border:1px solid var(--surface-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-block:2.5rem 0;display:grid}.project-facts{background:0 0;border:0;grid-template-columns:1fr;gap:.5rem;max-width:52rem}.project-facts div,.impact-list div{color:canvastext;background:canvas;padding:1.25rem}.project-facts div{background:0 0;align-items:baseline;gap:.5rem;padding:0;display:flex}.project-facts dt{text-transform:uppercase;letter-spacing:.06em;letter-spacing:0;text-transform:none;flex:none;font-size:.875rem;font-weight:700}.project-facts dt:after{content:":"}.project-facts dd{margin:0}.project-facts dd,.impact-list dd{margin:.5rem 0 0;line-height:1.5}.project-facts dd{min-width:0;margin:0}.case-study-layout{grid-template-columns:minmax(10rem,14rem) minmax(0,48rem);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.on-this-page{border-inline-start:1px solid var(--surface-border);padding-inline-start:1rem;position:sticky;inset-block-start:2rem}.on-this-page h2{font-size:1rem}.on-this-page ol{gap:.65rem;padding-inline-start:1.25rem;display:grid}.on-this-page a{color:inherit}.prose{gap:clamp(2.25rem,5vw,3.75rem);max-width:48rem;display:grid}.prose section{min-width:0;scroll-margin-top:2rem}.prose h2{font-size:var(--site-h2-size);margin-block-end:1.25rem}.prose p,.prose li{line-height:1.75}.prose figure{margin:2rem 0 0}.prose figure a{display:block}.prose figure img{border:1px solid var(--surface-border);width:100%;height:auto;display:block}.prose figcaption{margin-block-start:.75rem;line-height:1.6}.portrait-figure{max-width:35rem}.impact-list{grid-template-columns:1fr}.impact-list dt{font-size:1.75rem;font-weight:700}.method-content{max-width:52rem}.method-steps{background:var(--surface-border);gap:1px;padding:1px;list-style-position:inside;display:grid}.method-steps li{color:canvastext;background:canvas;padding:1.5rem}.method-steps h3{display:inline}.method-steps p{margin-block-end:0}.check-list{gap:.75rem;display:grid}.site-footer{border-block-start:1px solid var(--surface-border)}.footer-inner{justify-content:space-between;gap:2rem;padding-block:2rem;display:flex}.footer-inner p{margin:0}html[data-contrast=increased]{--surface-border:currentColor;--surface-subtle:color-mix(in srgb, currentColor 12%, transparent)}html[data-contrast=increased] .preferences summary,html[data-contrast=increased] .preferences-panel,html[data-contrast=increased] .principle-grid article,html[data-contrast=increased] .status-note,html[data-contrast=increased] .tool-card,html[data-contrast=increased] .effort-context,html[data-contrast=increased] .matrix-form fieldset,html[data-contrast=increased] .table-scroll{border-width:2px}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:48rem){.discovery-controls,.design-system-grid,.theme-lab-layout,.lab-control-grid{grid-template-columns:minmax(0,1fr)}.theme-lab-controls{position:static}.theme-lab-callout{flex-direction:column;align-items:flex-start}.header-inner{flex-wrap:wrap;padding-block:.75rem}.site-controls{justify-content:space-between;width:100%}.content-section,.principle-grid,.tool-card,.portfolio-card,.form-grid,.form-grid-compact,.project-facts,.case-study-layout,.image-architect{grid-template-columns:1fr}.architect-output{position:static}.not-found-help{grid-template-columns:1fr}.on-this-page{position:static}.tool-support,.effort-context{grid-template-columns:1fr}.footer-inner{flex-direction:column}}@media (forced-colors:active){.preferences-panel,.principle-grid article,.status-note,.effort-context{border:1px solid canvastext}}