:root{color-scheme:light;--bg:#FEFBF8;--ground:#FEFBF8;--paper:#FFFFFF;--band:#FAF6F1;--panel-head:#FAF6F1;--ink:#201610;--muted:#544B45;--subtle:#5C534E;--border:#E4E1DC;--rule:#E4E1DC;--line-soft:#EEEAE5;--line-strong:#D3C8C1;--field-edge:#8E847E;--accent:#BD4600;--accent-hover:#A03500;--button:#BD4600;--button-hover:#A03500;--button-ink:#FFFFFF;--ink-button:#201610;--ink-button-hover:#362B25;--ink-button-ink:#FFFFFF;--soft:#FFF1E5;--tint:#FFECDD;--ok:#004A27;--ok-soft:#D7F4E0;--info:#903300;--info-soft:#FFECDD;--planned:#49403B;--planned-soft:#F2EEE9;--warn:#6C4300;--warn-soft:#FEF2DD;--error:#B32228;--error-soft:#FFE9E6;--verified-ink:#004A27;--verified-bg:#D7F4E0;--community-ink:#49403B;--community-bg:#F2EEE9;--night:#1C1410;--night-card:#291F1A;--night-rule:#39312C;--night-ink:#F4F1ED;--night-muted:#C5BCB4;--night-accent:#FB9D59;--night-live:#76CF8A;--night-live-soft:#173523;--night-building:#FCC087;--night-building-soft:#402712;--night-planned:#C5BCB4;--night-planned-soft:#2D2420;--night-button:#F2823B;--night-button-hover:#FC984C;--night-button-ink:#17100C;--code-bg:#110B08;--code-ink:#E1DDD8;--code-rule:#342C27;--dot:#E0D5CE;--header-bg:rgba(254,251,248,.94);--night-header-bg:rgba(28,20,16,.96);--shadow:0 1px 2px rgba(44,30,20,.05);--card-shadow:0 16px 40px -24px rgba(44,30,20,.28);--panel-shadow:0 24px 48px -32px rgba(44,30,20,.35);--font-ui:Geist,"Helvetica Neue",Helvetica,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--text-hero:clamp(2.75rem,5.4vw,4.75rem);--text-h2:clamp(1.875rem,3.2vw,2.75rem);--text-h2-small:clamp(1.75rem,2.8vw,2.5rem);--text-h3:1.1875rem;--text-lead:clamp(1.0625rem,1.35vw,1.25rem);--text-body:1rem;--text-small:.875rem;--text-label:.75rem;--content-max:1312px;--reading-max:640px;--lead-max:760px;--header-height:72px;--band-gutter:clamp(1rem,calc((100vw - 860px) * 1000),4rem);--band-pad:clamp(2.5rem,calc((100vw - 860px) * 1000),4rem);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:2.5rem;--space-6:3rem;--space-7:4rem;--radius-label:6px;--radius-field:10px;--radius-button:10px;--radius-card:14px;--radius-panel:16px;--radius-pill:999px;font-family:var(--font-ui);font-size:16px;line-height:1.55}
.setup-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr);gap:1.5rem;align-items:start}.setup-steps{display:grid;gap:1.25rem;min-width:0}.setup-summary dd,.setup-steps p a{overflow-wrap:anywhere}.setup-summary dl{display:block}.setup-summary dt{margin-top:1rem}.setup-summary dd{margin:.3rem 0 0}.setup-steps pre{white-space:pre-wrap;overflow-wrap:anywhere}.setup-steps h3{margin-top:1.5rem}.setup-steps details{margin:1.2rem 0}.setup-steps summary{cursor:pointer;min-height:44px;padding:.5rem 0}.protocol-tools{padding-left:1.3rem;overflow-wrap:anywhere}.setup-next{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1.3rem 0}.setup-next p{color:var(--muted)}.setup-next .button{flex-shrink:0}[data-view=setup],[data-view=examples],[data-view=security]{overflow-wrap:anywhere}[data-view=setup] .page-heading>*{min-width:0;max-width:100%}.setup-steps button{max-width:100%;white-space:normal}@media(max-width:900px){.setup-grid{grid-template-columns:minmax(0,1fr)}.setup-next{flex-wrap:wrap}}@media(max-width:500px){.setup-steps .panel{padding:1rem}.setup-next .button{white-space:normal;flex-shrink:1}}
:root[data-theme=dark]{color-scheme:dark;--bg:#16100D;--ground:#16100D;--paper:#1F1813;--band:#1B1411;--panel-head:#1B1411;--ink:#F4F1ED;--muted:#C5BCB4;--subtle:#B2A9A2;--border:#342C27;--rule:#342C27;--line-soft:#2D2420;--line-strong:#49403B;--field-edge:#7C726C;--accent:#FB9D59;--accent-hover:#FFBF80;--button:#F2823B;--button-hover:#FC984C;--button-ink:#17100C;--ink-button:#F4F1ED;--ink-button-hover:#DBD7D2;--ink-button-ink:#17100C;--soft:#322318;--tint:#2F241E;--ok:#76CF8A;--ok-soft:#173523;--info:#FCC087;--info-soft:#402712;--planned:#C5BCB4;--planned-soft:#2D2420;--warn:#F4C582;--warn-soft:#3F2810;--error:#FB9890;--error-soft:#47211E;--verified-ink:#76CF8A;--verified-bg:#173523;--community-ink:#D5CCC4;--community-bg:#2F2722;--night:#0D0806;--night-card:#1E1612;--night-rule:#342C27;--night-ink:#F4F1ED;--night-muted:#C5BCB4;--night-accent:#FB9D59;--night-live:#76CF8A;--night-live-soft:#173523;--night-building:#FCC087;--night-building-soft:#402712;--night-planned:#C5BCB4;--night-planned-soft:#2D2420;--night-button:#F2823B;--night-button-hover:#FC984C;--night-button-ink:#17100C;--code-bg:#0D0806;--code-ink:#E1DDD8;--code-rule:#342C27;--dot:#342C27;--header-bg:rgba(27,20,17,.96);--night-header-bg:rgba(28,20,16,.96);--shadow:none;--card-shadow:0 16px 40px -24px rgba(0,0,0,.6);--panel-shadow:0 24px 48px -32px rgba(0,0,0,.7)}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--bg:#16100D;--ground:#16100D;--paper:#1F1813;--band:#1B1411;--panel-head:#1B1411;--ink:#F4F1ED;--muted:#C5BCB4;--subtle:#B2A9A2;--border:#342C27;--rule:#342C27;--line-soft:#2D2420;--line-strong:#49403B;--field-edge:#7C726C;--accent:#FB9D59;--accent-hover:#FFBF80;--button:#F2823B;--button-hover:#FC984C;--button-ink:#17100C;--ink-button:#F4F1ED;--ink-button-hover:#DBD7D2;--ink-button-ink:#17100C;--soft:#322318;--tint:#2F241E;--ok:#76CF8A;--ok-soft:#173523;--info:#FCC087;--info-soft:#402712;--planned:#C5BCB4;--planned-soft:#2D2420;--warn:#F4C582;--warn-soft:#3F2810;--error:#FB9890;--error-soft:#47211E;--verified-ink:#76CF8A;--verified-bg:#173523;--community-ink:#D5CCC4;--community-bg:#2F2722;--night:#0D0806;--night-card:#1E1612;--night-rule:#342C27;--night-ink:#F4F1ED;--night-muted:#C5BCB4;--night-accent:#FB9D59;--night-live:#76CF8A;--night-live-soft:#173523;--night-building:#FCC087;--night-building-soft:#402712;--night-planned:#C5BCB4;--night-planned-soft:#2D2420;--night-button:#F2823B;--night-button-hover:#FC984C;--night-button-ink:#17100C;--code-bg:#0D0806;--code-ink:#E1DDD8;--code-rule:#342C27;--dot:#342C27;--header-bg:rgba(27,20,17,.96);--night-header-bg:rgba(28,20,16,.96);--shadow:none;--card-shadow:0 16px 40px -24px rgba(0,0,0,.6);--panel-shadow:0 24px 48px -32px rgba(0,0,0,.7)}}

@media (color-gamut:p3){@supports (color:oklch(0 0 0)){:root{--bg:oklch(0.99 0.005 75);--ground:oklch(0.99 0.005 75);--paper:oklch(1 0 0);--band:oklch(0.975 0.008 75);--panel-head:oklch(0.975 0.008 75);--ink:oklch(0.21 0.02 50);--muted:oklch(0.42 0.015 55);--subtle:oklch(0.45 0.015 55);--border:oklch(0.91 0.008 75);--rule:oklch(0.91 0.008 75);--line-soft:oklch(0.94 0.008 75);--line-strong:oklch(0.84 0.015 55);--field-edge:oklch(0.62 0.015 55);--accent:oklch(0.55 0.18 42);--accent-hover:oklch(0.48 0.18 40);--button:oklch(0.55 0.18 42);--button-hover:oklch(0.48 0.18 40);--button-ink:oklch(1 0 0);--ink-button:oklch(0.21 0.02 50);--ink-button-hover:oklch(0.3 0.02 50);--ink-button-ink:oklch(1 0 0);--soft:oklch(0.965 0.03 62);--tint:oklch(0.955 0.03 62);--ok:oklch(0.36 0.09 155);--ok-soft:oklch(0.94 0.04 155);--info:oklch(0.45 0.15 42);--info-soft:oklch(0.955 0.03 62);--planned:oklch(0.38 0.015 55);--planned-soft:oklch(0.95 0.008 75);--warn:oklch(0.42 0.1 70);--warn-soft:oklch(0.965 0.03 80);--error:oklch(0.5 0.18 25);--error-soft:oklch(0.95 0.03 25);--verified-ink:oklch(0.36 0.09 155);--verified-bg:oklch(0.94 0.04 155);--community-ink:oklch(0.38 0.015 55);--community-bg:oklch(0.95 0.008 75);--night:oklch(0.2 0.015 50);--night-card:oklch(0.25 0.018 50);--night-rule:oklch(0.32 0.015 50);--night-ink:oklch(0.96 0.006 75);--night-muted:oklch(0.8 0.015 60);--night-accent:oklch(0.78 0.14 55);--night-live:oklch(0.78 0.13 150);--night-live-soft:oklch(0.3 0.05 155);--night-building:oklch(0.85 0.1 65);--night-building-soft:oklch(0.3 0.05 60);--night-planned:oklch(0.8 0.015 60);--night-planned-soft:oklch(0.27 0.015 50);--night-button:oklch(0.72 0.16 50);--night-button-hover:oklch(0.77 0.15 55);--night-button-ink:oklch(0.18 0.015 50);--code-bg:oklch(0.155 0.012 50);--code-ink:oklch(0.9 0.008 75);--code-rule:oklch(0.3 0.015 50);--dot:oklch(0.88 0.015 55);--header-bg:oklch(0.99 0.005 75 / 0.94);--night-header-bg:oklch(0.2 0.015 50 / 0.96)}:root[data-theme=dark]{--bg:oklch(0.18 0.012 50);--ground:oklch(0.18 0.012 50);--paper:oklch(0.215 0.015 50);--band:oklch(0.2 0.013 50);--panel-head:oklch(0.2 0.013 50);--ink:oklch(0.96 0.006 75);--muted:oklch(0.8 0.015 60);--subtle:oklch(0.74 0.015 60);--border:oklch(0.3 0.015 50);--rule:oklch(0.3 0.015 50);--line-soft:oklch(0.27 0.015 50);--line-strong:oklch(0.38 0.015 50);--field-edge:oklch(0.56 0.015 55);--accent:oklch(0.78 0.14 55);--accent-hover:oklch(0.85 0.12 65);--button:oklch(0.72 0.16 50);--button-hover:oklch(0.77 0.15 55);--button-ink:oklch(0.18 0.015 50);--ink-button:oklch(0.96 0.006 75);--ink-button-hover:oklch(0.88 0.008 75);--ink-button-ink:oklch(0.18 0.015 50);--soft:oklch(0.27 0.03 55);--tint:oklch(0.27 0.02 50);--ok:oklch(0.78 0.13 150);--ok-soft:oklch(0.3 0.05 155);--info:oklch(0.85 0.1 65);--info-soft:oklch(0.3 0.05 60);--planned:oklch(0.8 0.015 60);--planned-soft:oklch(0.27 0.015 50);--warn:oklch(0.85 0.1 75);--warn-soft:oklch(0.3 0.05 65);--error:oklch(0.78 0.12 25);--error-soft:oklch(0.3 0.06 25);--verified-ink:oklch(0.78 0.13 150);--verified-bg:oklch(0.3 0.05 155);--community-ink:oklch(0.85 0.015 60);--community-bg:oklch(0.28 0.015 50);--night:oklch(0.14 0.01 50);--night-card:oklch(0.21 0.015 50);--night-rule:oklch(0.3 0.015 50);--night-ink:oklch(0.96 0.006 75);--night-muted:oklch(0.8 0.015 60);--night-accent:oklch(0.78 0.14 55);--night-live:oklch(0.78 0.13 150);--night-live-soft:oklch(0.3 0.05 155);--night-building:oklch(0.85 0.1 65);--night-building-soft:oklch(0.3 0.05 60);--night-planned:oklch(0.8 0.015 60);--night-planned-soft:oklch(0.27 0.015 50);--night-button:oklch(0.72 0.16 50);--night-button-hover:oklch(0.77 0.15 55);--night-button-ink:oklch(0.18 0.015 50);--code-bg:oklch(0.14 0.01 50);--code-ink:oklch(0.9 0.008 75);--code-rule:oklch(0.3 0.015 50);--dot:oklch(0.3 0.015 50);--header-bg:oklch(0.2 0.013 50 / 0.96);--night-header-bg:oklch(0.2 0.015 50 / 0.96)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg:oklch(0.18 0.012 50);--ground:oklch(0.18 0.012 50);--paper:oklch(0.215 0.015 50);--band:oklch(0.2 0.013 50);--panel-head:oklch(0.2 0.013 50);--ink:oklch(0.96 0.006 75);--muted:oklch(0.8 0.015 60);--subtle:oklch(0.74 0.015 60);--border:oklch(0.3 0.015 50);--rule:oklch(0.3 0.015 50);--line-soft:oklch(0.27 0.015 50);--line-strong:oklch(0.38 0.015 50);--field-edge:oklch(0.56 0.015 55);--accent:oklch(0.78 0.14 55);--accent-hover:oklch(0.85 0.12 65);--button:oklch(0.72 0.16 50);--button-hover:oklch(0.77 0.15 55);--button-ink:oklch(0.18 0.015 50);--ink-button:oklch(0.96 0.006 75);--ink-button-hover:oklch(0.88 0.008 75);--ink-button-ink:oklch(0.18 0.015 50);--soft:oklch(0.27 0.03 55);--tint:oklch(0.27 0.02 50);--ok:oklch(0.78 0.13 150);--ok-soft:oklch(0.3 0.05 155);--info:oklch(0.85 0.1 65);--info-soft:oklch(0.3 0.05 60);--planned:oklch(0.8 0.015 60);--planned-soft:oklch(0.27 0.015 50);--warn:oklch(0.85 0.1 75);--warn-soft:oklch(0.3 0.05 65);--error:oklch(0.78 0.12 25);--error-soft:oklch(0.3 0.06 25);--verified-ink:oklch(0.78 0.13 150);--verified-bg:oklch(0.3 0.05 155);--community-ink:oklch(0.85 0.015 60);--community-bg:oklch(0.28 0.015 50);--night:oklch(0.14 0.01 50);--night-card:oklch(0.21 0.015 50);--night-rule:oklch(0.3 0.015 50);--night-ink:oklch(0.96 0.006 75);--night-muted:oklch(0.8 0.015 60);--night-accent:oklch(0.78 0.14 55);--night-live:oklch(0.78 0.13 150);--night-live-soft:oklch(0.3 0.05 155);--night-building:oklch(0.85 0.1 65);--night-building-soft:oklch(0.3 0.05 60);--night-planned:oklch(0.8 0.015 60);--night-planned-soft:oklch(0.27 0.015 50);--night-button:oklch(0.72 0.16 50);--night-button-hover:oklch(0.77 0.15 55);--night-button-ink:oklch(0.18 0.015 50);--code-bg:oklch(0.14 0.01 50);--code-ink:oklch(0.9 0.008 75);--code-rule:oklch(0.3 0.015 50);--dot:oklch(0.3 0.015 50);--header-bg:oklch(0.2 0.013 50 / 0.96);--night-header-bg:oklch(0.2 0.015 50 / 0.96)}}}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;min-height:44px;border-radius:8px;padding:.6rem .9rem;border:1px solid var(--border);font-weight:600;background:var(--paper);color:var(--ink)}button:disabled{cursor:not-allowed;opacity:.5}button:not(:disabled):hover{border-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);color:var(--paper);border-color:var(--accent)}.quiet{background:transparent;color:var(--accent)}.skip{position:absolute;left:1rem;top:-5rem;background:var(--paper);z-index:5;padding:.8rem}.skip:focus{top:1rem}.header{display:flex;align-items:center;gap:2rem;padding:1.1rem 4vw;background:var(--paper);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.65rem;font-size:1.1rem;font-weight:750;text-decoration:none;color:var(--ink);white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:32px;height:32px;border-radius:7px}nav{display:flex;gap:1.5rem;flex:1}nav a{font-size:.9rem;text-decoration:none;color:var(--muted);padding:.5rem 0}nav a[aria-current=page]{color:var(--accent);box-shadow:0 2px var(--accent)}#theme{font-size:.875rem}main{max-width:calc(var(--content-max) + 2 * var(--band-gutter));margin:auto;padding:3rem var(--band-gutter) 4rem}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.2rem}h1{font-size:clamp(2rem,3.7vw,3.4rem);line-height:1.1;letter-spacing:-.035em;margin:.45rem 0 0;font-weight:650}h2{font-size:1.18rem;margin:0;font-weight:650;letter-spacing:-.015em}h3{font-size:1rem;margin:0 0 .65rem}p{margin:.8rem 0}.eyebrow{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 .65rem}.intro{max-width:365px;color:var(--muted);margin:0}.workspace-grid{display:grid;grid-template-columns:minmax(285px,.8fr) minmax(0,1.7fr);gap:1.25rem;align-items:start}.panel{background:var(--paper);border:1px solid var(--border);border-radius:13px;padding:1.6rem;box-shadow:var(--shadow);min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.badge{font-size:.78rem;color:var(--muted);padding:.28rem .6rem;border-radius:5px;background:var(--bg);border:1px solid var(--border)}.secondary{color:var(--muted);font-size:.95rem}.caption{font-size:.82rem;color:var(--muted)}label{display:block;font-size:.88rem;font-weight:600;margin:.9rem 0 .4rem}input,select{width:100%;min-width:0;border:1px solid var(--border);background:var(--paper);color:var(--ink);border-radius:7px;padding:.65rem .8rem;min-height:44px}input:disabled,select:disabled{background:var(--bg)}#connect-button{width:100%;margin-top:.6rem}.search-row{display:flex;gap:.6rem}.search-row input{flex:1}#search-mode{width:auto;max-width:100%;font-size:.9rem}.divider{height:1px;background:var(--border);margin:1.6rem 0}#copy-endpoint{margin-top:.6rem}.empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.empty h3{color:var(--ink)}.empty p{max-width:410px;margin:0 auto}.empty-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;margin:0 auto 1rem;background:var(--soft);color:var(--accent);font-size:1.5rem}.results{margin-top:1.5rem}.result{border-top:1px solid var(--border);padding:1.2rem 0}.result h3{overflow-wrap:anywhere}.result p{margin:.4rem 0;color:var(--muted)}.result details{font-size:.9rem;margin:.8rem 0}.result summary{cursor:pointer;color:var(--accent)}dl{font-size:.9rem}dt{color:var(--muted);margin-top:.6rem}dd{margin:.15rem 0;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:.85rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;max-height:320px;overflow:auto}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.25rem}.error{color:var(--error)}.reading{max-width:840px;margin:0 auto}.lede{font-size:1.17rem;color:var(--muted);margin:1.8rem 0 2.5rem}.journey{list-style:none;padding:0;margin:0}.journey li{display:grid;grid-template-columns:55px 1fr;gap:1rem;padding:1.8rem 0;border-top:1px solid var(--border)}.journey li>span{font-family:ui-monospace,monospace;color:var(--accent);font-size:1rem}.journey p{color:var(--muted);margin-bottom:0}.notice{padding:1.6rem;background:var(--soft);border-radius:10px;margin:2rem 0}.notice p{margin-bottom:0}.guide-section{margin:2.2rem 0}.guide-section p{color:var(--muted)}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 4vw;font-size:.82rem;color:var(--muted)}#billing button{margin:.5rem .5rem .5rem 0}#billing a{display:inline-block;margin:.75rem 0}
@media(max-width:900px){.header{flex-wrap:wrap;gap:.75rem 1.2rem}nav{order:3;flex-basis:100%}#theme{margin-left:auto}.page-heading{align-items:start;flex-direction:column;gap:1rem}.intro{max-width:600px}.workspace-grid{grid-template-columns:1fr 1.3fr}.panel{padding:1.2rem}}
@media(max-width:680px){main{padding:2rem var(--band-gutter)}.header{padding:1rem}nav{gap:1.2rem}.workspace-grid,.bottom-grid{grid-template-columns:1fr}.page-heading{margin-bottom:1.4rem}h1{font-size:2.25rem}.connection{order:0}.catalogue{order:1}footer{flex-direction:column;padding:1.5rem 1rem}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%}.search-row button{width:100%}.journey li{grid-template-columns:35px 1fr}#theme{font-size:.78rem;padding:.5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:48px;padding:.7rem 1rem;border:1px solid var(--border);border-radius:8px;text-decoration:none;font-weight:600}.button.primary{border-color:var(--accent)}.button:hover{filter:brightness(.94)}.header-access{font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:4rem;align-items:center;padding:3rem 0 5rem}.hero h1{font-size:clamp(2.4rem,4.6vw,4.5rem);line-height:1.07;letter-spacing:-.045em;max-width:750px}.hero-description{font-size:1.17rem;line-height:1.7;max-width:530px;color:var(--muted);margin:1.6rem 0}.actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin:1.7rem 0}.text-link{font-weight:600;text-decoration:none}.hero-copy>.caption{max-width:440px}.status-dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:7px}.handoff{border:1px solid var(--border);background:var(--paper);border-radius:14px;padding:1.5rem;box-shadow:var(--shadow)}.handoff-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.handoff-top .eyebrow{margin:0}.handoff-step{display:flex;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--border)}.step-number{font: .875rem ui-monospace,monospace;color:var(--accent);padding-top:.15rem}.handoff-step h2{font-size:1rem}.handoff-step p{font-size:.9rem;color:var(--muted);margin:.35rem 0 0}.handoff-step.local{border-bottom:0}.file-label{margin:.9rem 0 0;border:1px solid var(--border);padding:.65rem .8rem;background:var(--bg);border-radius:6px;font: .85rem ui-monospace,monospace;overflow-wrap:anywhere}.file-label span{display:block;font: .8rem system-ui,sans-serif;color:var(--muted);margin-top:.25rem}.principle-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:2rem;padding:.8rem 0;color:var(--muted);font-size:.9rem}.product-section{padding:4.5rem 0}.section-title{max-width:640px}.section-title h2{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2}.section-title>p:last-child{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:2.5rem}.feature-grid article{border-top:2px solid var(--border);padding-top:1.2rem}.feature-index{font: .85rem ui-monospace,monospace;color:var(--accent)}.feature-grid h3{margin:1rem 0 .6rem;font-size:1.1rem}.feature-grid p{color:var(--muted)}.access-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;max-width:1000px;margin:3rem auto}.access-intro>p:not(.eyebrow){color:var(--muted)}.access-intro .lede{margin:1.5rem 0}.access-layout .panel{padding:2rem}.header{max-width:none}main:focus{outline:none}.caption,.badge{font-size:.875rem}.eyebrow{font-size:.8125rem}#account-facts{display:grid;grid-template-columns:150px minmax(0,1fr);gap:.5rem 1rem}#account-facts dt,#account-facts dd{margin:0}
@media(max-width:1050px){.hero{gap:2rem}.header{gap:1rem}.header nav{gap:1rem}.access-layout{gap:2rem}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:1rem 0 2.5rem;gap:2rem}.hero h1{font-size:clamp(2.4rem,7vw,3.6rem)}.hero-description{font-size:1.05rem}.principle-strip{flex-direction:column;gap:0}.principle-strip p{margin:.35rem 0}.feature-grid{grid-template-columns:1fr;gap:1.5rem}.product-section{padding:3rem 0}.access-layout{grid-template-columns:1fr;margin:1rem auto;gap:2rem}.access-layout .panel{padding:1.25rem}.header nav{overflow-x:auto}.header nav a{white-space:nowrap}.header-access{margin-left:auto}#theme{margin-left:0}#account-facts{grid-template-columns:1fr}#account-facts dt{margin-top:.5rem}.actions{gap:1rem}.handoff{padding:1.25rem}}
fieldset{border:1px solid var(--border);border-radius:8px;margin:1.2rem 0;padding:.7rem}legend{font-size:.9rem;font-weight:600}.scope-choice{display:flex;align-items:center;gap:.65rem;font: .875rem ui-monospace,monospace;overflow-wrap:anywhere}.scope-choice input{width:18px;min-height:18px;flex-shrink:0}#staff-links-form{margin:1.2rem 0}#staff-links-form .scope-choice{font:inherit;font-size:.9rem;margin:.7rem 0}#issue-access-button{margin-top:1rem;width:100%}#access-list .result p{overflow-wrap:anywhere}#admin-nav{font-size:.875rem}#issued-access{padding:1rem}
.runtime-disclosure{padding:1.1rem 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:.95rem}.runtime-disclosure summary,.assignment-contract summary{cursor:pointer;color:var(--accent);font-weight:600;padding:.25rem 0}.runtime-disclosure pre{max-height:none}.layer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;margin-top:2.5rem}.layer-card{padding:1.7rem;background:var(--paper);border:1px solid var(--border);border-radius:11px}.layer-card h3{font-size:1.3rem;line-height:1.3;margin:.9rem 0}.layer-card>p{color:var(--muted);max-width:540px}.layer-example{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.layer-example>span{font-size:.875rem;font-weight:600;color:var(--accent)}.layer-example>p{margin:.5rem 0 0}.layer-notes{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem;color:var(--muted)}.layer-notes strong{color:var(--ink)}.scoping-callout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;padding:2rem;background:var(--paper);border:1px solid var(--border);border-radius:12px}.scoping-callout h2{font-size:1.7rem;line-height:1.25}.scoping-callout p{color:var(--muted)}.scoping-callout .button{margin-top:1rem}.briefing-preview>div{padding:.8rem 0;border-bottom:1px solid var(--border)}.briefing-preview>div:first-child{padding-top:0}.briefing-preview>div:last-child{border:0}.briefing-preview span{font-size:.875rem;font-weight:700;color:var(--accent)}.briefing-preview p{margin:.4rem 0}.architecture-page>.reading{margin-left:0}.architecture-page .lede{margin-bottom:1.2rem}.task-explorer{margin:3rem 0}.explorer-heading{display:flex;justify-content:space-between;align-items:start;gap:2rem}.explorer-heading h2{font-size:1.75rem;line-height:1.3;max-width:720px}.explorer-heading .badge{flex-shrink:0}.assignment-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:1.5rem;border:1px solid var(--border);border-radius:10px 10px 0 0;overflow:hidden;background:var(--paper)}.assignment-tabs button{border:0;border-right:1px solid var(--border);border-bottom:3px solid transparent;border-radius:0;background:transparent;min-height:72px;text-align:left;padding:1rem;font-size:1rem}.assignment-tabs button:last-child{border-right:0}.assignment-tabs button span{font: .875rem ui-monospace,monospace;display:block;margin-bottom:.2rem;color:var(--muted)}.assignment-tabs button[aria-selected=true]{border-bottom-color:var(--accent);background:var(--soft);color:var(--accent)}.assignment-tabs button:focus-visible{outline-offset:-4px}.assignment-panel{border:1px solid var(--border);border-top:0;border-radius:0 0 12px 12px;background:var(--paper);padding:2rem}.assignment-overview{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:2.5rem;padding-bottom:1.6rem;border-bottom:1px solid var(--border)}.assignment-overview h3{font-size:1.6rem;line-height:1.3}.assignment-overview p:not(.eyebrow){color:var(--muted)}.execution-choice{padding:1.1rem;background:var(--bg);border-radius:8px}.execution-choice strong{display:block;font-size:1.07rem;margin:.5rem 0}.execution-choice p{margin-bottom:0}.assignment-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;margin-top:1.6rem}.assignment-columns h4{font-size:1rem;margin:0}.material-list{list-style:none;padding:0;margin:0}.material-list li{padding:1rem 0;border-top:1px solid var(--border)}.material-list li:first-child{border:0;padding-top:0}.material-source{display:block;color:var(--accent);font-size:.875rem;margin-bottom:.3rem}.material-list strong{font:600 .95rem ui-monospace,monospace;overflow-wrap:anywhere}.material-list p{color:var(--muted);font-size:.95rem;margin:.4rem 0 0}.assignment-boundary{padding-left:2rem;border-left:1px solid var(--border)}.assignment-boundary p,.assignment-boundary li{color:var(--muted);font-size:.95rem}.assignment-boundary h4:not(:first-child){margin-top:1.5rem}.assignment-boundary ul{padding-left:1.2rem}.assignment-boundary li+li{margin-top:.5rem}.assignment-contract{border-top:1px solid var(--border);padding-top:1rem;margin-top:1rem}.assignment-contract dl{display:grid;grid-template-columns:180px minmax(0,1fr);gap:.6rem 1.3rem}.assignment-contract dt,.assignment-contract dd{margin:0}.context-lifecycle{margin:4rem 0}.lifecycle-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem;padding:1.5rem 0 0;list-style:none;counter-reset:phase}.lifecycle-steps li{padding-top:1rem;border-top:2px solid var(--border);counter-increment:phase}.lifecycle-steps strong{display:block;margin-bottom:.5rem}.lifecycle-steps strong:before{content:counter(phase,decimal-leading-zero) " / ";color:var(--accent);font: .875rem ui-monospace,monospace}.lifecycle-steps span{color:var(--muted);font-size:.95rem}.context-lifecycle>p{color:var(--muted);max-width:950px}.execution-section{padding:1rem 0 3rem}.execution-section .feature-grid{margin-top:1.8rem}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1000px){.assignment-overview{gap:1.5rem}.assignment-columns{gap:1.5rem}.assignment-boundary{padding-left:1.5rem}.explorer-heading{flex-direction:column;gap:.8rem}.assignment-tabs button{font-size:.95rem}.scoping-callout{gap:2rem}.lifecycle-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.layer-grid,.layer-notes,.scoping-callout,.assignment-overview,.assignment-columns{grid-template-columns:1fr}.layer-card,.scoping-callout,.assignment-panel{padding:1.25rem}.layer-notes{gap:0}.assignment-tabs{grid-template-columns:1fr 1fr}.assignment-tabs button{padding:.8rem;border-bottom:3px solid var(--border)}.assignment-tabs button:nth-child(2){border-right:0}.assignment-boundary{padding-left:0;padding-top:1.4rem;border-left:0;border-top:1px solid var(--border)}.assignment-contract dl{grid-template-columns:1fr}.assignment-contract dt{margin-top:.6rem}.lifecycle-steps{grid-template-columns:1fr 1fr;gap:1rem}.scoping-callout{gap:1.5rem}.task-explorer{margin:2rem 0}.explorer-heading h2{font-size:1.45rem}.assignment-overview h3{font-size:1.35rem}.execution-choice{padding:.9rem}.layer-card h3{font-size:1.2rem}}

.closing-band{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:3rem;background:var(--soft);color:var(--ink);padding:2rem;border:1px solid var(--border);border-radius:12px}.closing-band .eyebrow{color:var(--accent)}.closing-band p:last-child{max-width:730px;color:var(--muted);margin-bottom:0}.closing-band .button{flex-shrink:0}

.benefit-list{list-style:none;margin:2.5rem 0 0;padding:0;border-top:1px solid var(--border)}.benefit-list>li{border-bottom:1px solid var(--border)}.benefit-list h3{margin:0;font-size:1rem}.benefit-title{display:flex;align-items:center;gap:1.25rem;width:100%;min-width:0;text-align:left;background:transparent;border:0;border-radius:0;padding:1.35rem .25rem;font-size:1.15rem;font-weight:650;letter-spacing:-.015em;line-height:1.35;color:var(--ink);min-height:64px}.benefit-title:focus-visible{outline-offset:-3px}.benefit-index{font:.875rem ui-monospace,monospace;color:var(--accent);flex-shrink:0}.benefit-name{flex:1;min-width:0}.benefit-mark{flex-shrink:0;width:11px;height:11px;border:1px solid var(--border);border-radius:50%}.benefit-list>li[data-open=true] .benefit-title,.benefit-title:hover{color:var(--accent)}.benefit-list>li[data-open=true] .benefit-mark{background:var(--accent);border-color:var(--accent)}.benefit-detail{padding:0 .25rem 1.7rem 2.6rem}.benefit-detail p{color:var(--muted);max-width:760px;margin:0 0 .9rem}.benefit-status{font-size:.92rem;border-left:3px solid var(--border);padding-left:.95rem;margin-bottom:0}.offer-limit{max-width:760px;margin-top:2rem}.hero-access-action{margin-top:.4rem}
@media(max-width:1050px){.closing-band{align-items:start;flex-direction:column}}
@media(max-width:680px){.closing-band{padding:1.4rem}.benefit-title{font-size:1.02rem;gap:.85rem;padding:1.1rem .1rem}.benefit-detail{padding:0 .1rem 1.4rem .1rem}.benefit-list{margin-top:1.8rem}}

.hero.product-hero h1{font-size:clamp(2.1rem,3.6vw,3.4rem);max-width:none;text-wrap:balance}.hero-price{display:block;margin-top:.15rem}

.hero-subhead{font-size:1.3rem;line-height:1.4;font-weight:600;color:var(--ink);max-width:620px;margin:1.3rem 0 0;text-wrap:balance;overflow-wrap:anywhere}
.hero-positioning{color:var(--muted);font-size:1rem;line-height:1.65;max-width:620px;margin:1.1rem 0 0;padding-left:1rem;border-left:3px solid var(--border);overflow-wrap:anywhere}
.hero-split{font-weight:600;color:var(--ink);max-width:620px;margin:1.3rem 0 0;overflow-wrap:anywhere}
@media(max-width:680px){.hero-subhead{font-size:1.12rem}.hero-positioning{font-size:.95rem;padding-left:.8rem}}
@media(max-width:680px){.benefit-title{padding:1.1rem .25rem}.benefit-detail{padding:0 .25rem 1.4rem .25rem}}
.browse{margin-top:1.25rem}.browse-controls{display:flex;flex-wrap:wrap;gap:0 1rem;align-items:end}.browse-field{flex:1 1 180px;min-width:min(200px,100%)}.browse-field-wide{flex:2 1 280px}.browse-field select,.browse-field input{width:100%;max-width:100%}#refresh-browse{margin-top:.9rem;flex:1 1 auto;min-width:0}.browse-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.25rem;align-items:start;margin-top:1rem}

.browse-table-wrap{min-width:0;overflow-x:auto;border:1px solid var(--border);border-radius:10px}.browse-table{width:100%;border-collapse:collapse;font-size:.9rem}.browse-table th,.browse-table td{padding:.55rem .7rem;border-top:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere}.browse-table thead th{border-top:0;background:var(--soft);color:var(--muted);font-size:.78rem;font-weight:600;white-space:nowrap}.browse-sort{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.04em}.browse-sort[data-active=true]{color:var(--ink)}.browse-sort[data-active=true]::after{content:" ↕"}th[aria-sort=ascending] .browse-sort::after{content:" ↑"}th[aria-sort=descending] .browse-sort::after{content:" ↓"}.browse-open{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:.15em}.browse-open:hover,.browse-open:focus-visible{text-decoration-color:var(--accent)}.browse-table tr[aria-selected=true] td{background:var(--soft)}.browse-empty{color:var(--muted);font-size:.9rem}.browse-more{color:var(--muted);font-size:.9rem}
.browse-detail{border:1px solid var(--border);border-radius:10px;padding:1rem;min-width:0}.browse-detail h3{margin:0 0 .2rem;overflow-wrap:anywhere}.browse-detail p{margin:.4rem 0 0}.browse-detail button{width:100%;margin-top:.9rem}
@media(max-width:900px){.browse-layout{grid-template-columns:1fr}}
@media(max-width:680px){#refresh-browse{width:100%}.browse-controls{gap:0}}

[data-view=privacy]{overflow-wrap:anywhere}.privacy-kind{margin:1.2rem 0 1.6rem}.privacy-table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.95rem}.privacy-table th,.privacy-table td{text-align:left;vertical-align:top;padding:.75rem 1rem .75rem 0;border-top:1px solid var(--border)}.privacy-table th{font-size:.875rem;color:var(--muted);font-weight:600}.privacy-table td{color:var(--muted)}.privacy-table td:first-child{color:var(--ink);font-weight:600}.privacy-table code{font-size:.9em}.privacy-list{padding-left:1.2rem;color:var(--muted)}.privacy-list li+li{margin-top:.5rem}
@media(max-width:680px){.privacy-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.privacy-table,.privacy-table tbody,.privacy-table tr,.privacy-table td{display:block;width:100%}.privacy-table tr{border-top:1px solid var(--border);padding:.8rem 0}.privacy-table td{border:0;padding:.2rem 0}.privacy-table td::before{content:attr(data-label);display:block;font-size:.8125rem;font-weight:600;color:var(--muted)}}

[data-view=terms]{overflow-wrap:anywhere}.terms-date{margin:.4rem 0 1.6rem}.terms-list{list-style:none;margin:1.2rem 0 1.8rem;padding:0;display:grid;gap:1rem;color:var(--muted)}.terms-list li{display:grid;grid-template-columns:2.2rem minmax(0,1fr)}.terms-number{font-weight:600;color:var(--ink)}.terms-list strong{color:var(--ink)}

.signup-consent{margin:.2rem 0 1rem;font-size:.95rem;color:var(--muted)}

.caption{overflow-wrap:anywhere}input{max-width:100%}

main:has(> [data-view="start"]:not([hidden])),main:has(> [data-view="confirm"]:not([hidden])){max-width:none;padding:0}
.funnel-band{padding:64px max(var(--band-gutter),calc((100% - var(--content-max)) / 2));background:var(--ground)}
.funnel-head{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.funnel-head>*{margin:0}
.funnel-head h1{font-size:clamp(2rem,3.2vw,2.75rem);line-height:1.08;letter-spacing:-.035em}
.funnel-price{color:var(--muted);font-size:var(--text-lead)}
.funnel-layout{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,36rem);grid-template-areas:"steps card";gap:3rem;align-items:start}
.funnel-steps{grid-area:steps;display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}
.funnel-steps li{display:flex;align-items:flex-start;gap:.875rem;padding:.75rem 1rem;border:1px solid transparent;border-radius:12px}
.funnel-steps li.is-current{background:var(--paper);border-color:var(--line-strong)}
.funnel-step-number{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:1.5px solid var(--line-strong);border-radius:999px;color:var(--muted);font-size:.8125rem;font-weight:700}
.funnel-steps li.is-current .funnel-step-number{background:var(--button);border-color:var(--button);color:var(--button-ink)}
.funnel-steps li.is-done .funnel-step-number{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
.funnel-step-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.funnel-step-text strong{font-size:1rem;font-weight:600}
.funnel-step-text>span{color:var(--subtle);font-size:.875rem}.funnel-step-text a{text-decoration:none}
.funnel-card{grid-area:card;min-width:0;padding:2rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-panel);overflow-wrap:anywhere}
.funnel-card-step{margin:0;color:var(--subtle);font-family:var(--font-mono);font-size:.8125rem}
.funnel-card h2,.funnel-card h1{margin:.25rem 0 .5rem;font-size:1.5rem;line-height:1.2;letter-spacing:-.02em}
.funnel-panel>p:not(.funnel-card-step),.funnel-card>div>p:not(.funnel-card-step){margin:.5rem 0;color:var(--muted)}
.funnel-card form{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}
.funnel-card label{margin:.25rem 0 0;font-size:.9375rem;font-weight:600}.funnel-card input{min-height:48px;padding:.65rem .875rem}
.funnel-card .signup-consent{margin:.25rem 0;color:var(--muted);font-size:.9rem}
.funnel-card form button,.funnel-panel>.button,.funnel-card>div>.button,.funnel-actions>*{align-self:flex-start;min-height:52px;padding:0 1.6rem;border-radius:var(--radius-button);font-size:1.0625rem}
.funnel-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.funnel-panel>.button,.funnel-card>div>.button{margin-top:.75rem}
.funnel-card [role=status]:not(:empty){margin:1rem 0 0}.funnel-signin{margin:1.25rem 0 0;font-size:.9375rem;color:var(--muted)}
.confirm-card{max-width:36rem;margin:0 auto}.confirm-card h1{font-size:clamp(1.75rem,2.6vw,2.25rem)}
@media(max-width:860px){.funnel-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"card" "steps";gap:2rem}}
@media(max-width:600px){.funnel-band{padding:40px 1rem}.funnel-head{margin-bottom:1.25rem}.funnel-head h1{font-size:1.875rem}.funnel-price{font-size:1rem}.funnel-card{padding:1.25rem}.funnel-card h2,.funnel-card h1{font-size:1.375rem}.funnel-card form button,.funnel-panel>.button,.funnel-card>div>.button,.funnel-actions>*{width:100%;justify-content:center}}

/* design: account */

:is([data-view=account],[data-view=admin]) :is(.button.primary,button.primary){background:var(--ink-button,var(--ink));border-color:var(--ink-button,var(--ink));color:var(--ink-button-ink,var(--paper))}
:is([data-view=account],[data-view=admin]) :is(.button.primary:hover,button.primary:not(:disabled):hover){background:var(--ink-button-hover,var(--muted));border-color:var(--ink-button-hover,var(--muted));color:var(--ink-button-ink,var(--paper));filter:none}
:is([data-view=account],[data-view=admin]) :is(.button.ink,button.ink){background:var(--ink-button,var(--ink));border-color:var(--ink-button,var(--ink));color:var(--ink-button-ink,var(--paper))}
:is([data-view=account],[data-view=admin]) :is(.button.ink:hover,button.ink:not(:disabled):hover){background:var(--ink-button-hover,var(--muted));border-color:var(--ink-button-hover,var(--muted));color:var(--ink-button-ink,var(--paper));filter:none;text-decoration:none}
:is([data-view=account],[data-view=admin]) :is(.button.quiet,button.quiet){background:var(--paper);color:var(--ink);border-color:var(--line-strong)}
:is([data-view=account],[data-view=admin]) :is(.button.quiet:hover,button.quiet:not(:disabled):hover){border-color:var(--ink);color:var(--ink)}
:is([data-view=account],[data-view=admin]) :is(.button,button){min-height:44px;border-radius:var(--radius-button);font-size:.9375rem}
[data-view=account]>.page-heading.account-head,[data-view=admin]>.page-heading.admin-head{gap:1rem 2rem;flex-wrap:wrap}
[data-view=account] .account-head .intro,[data-view=admin] .admin-head .intro{margin:.5rem 0 0;max-width:40rem;color:var(--muted);font-size:.9375rem;line-height:1.5}
[data-view=account] .account-head-actions{display:flex;flex-wrap:wrap;gap:.75rem;flex:0 1 auto;max-width:100%}
[data-view=account] .account-head-actions .button{white-space:normal;max-width:100%;padding:0 1.125rem}


dl.account-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.75rem;margin:0;font-size:1rem}
dl.account-tiles>div{display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--paper)}
dl.account-tiles dt{overflow-wrap:anywhere;margin:0;color:var(--subtle);font-size:.8125rem;font-weight:500}
dl.account-tiles dd{margin:0;color:var(--ink);font-size:1.625rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
dl.account-tiles dd.account-tile-note{color:var(--muted);font-size:.8125rem;font-weight:400;letter-spacing:0;line-height:1.45}
.panel dl.account-tiles{margin:1rem 0}
.panel dl.account-tiles>div{padding:1rem;background:var(--panel-head)}
.panel dl.account-tiles dd{font-size:1.25rem}
dl.account-tiles>p{grid-column:1/-1;margin:0}


:is([data-view=account],[data-view=admin]) .panel.account-card{padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--paper);box-shadow:none}
:is([data-view=account],[data-view=admin]) .account-card>.section-heading{align-items:flex-start;gap:.75rem 1.5rem;margin-bottom:1rem}
:is([data-view=account],[data-view=admin]) .account-card>.section-heading>div{flex:1 1 18rem;min-width:0}
:is([data-view=account],[data-view=admin]) .account-card>.section-heading h2,:is([data-view=account],[data-view=admin]) .account-card>h2{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.01em}
:is([data-view=account],[data-view=admin]) .account-card>.section-heading p.secondary{margin:.375rem 0 0;max-width:40rem;font-size:.9375rem;line-height:1.5}
:is([data-view=account],[data-view=admin]) .account-card h3{font-size:1rem;font-weight:600;letter-spacing:-.005em}
:is([data-view=account],[data-view=admin]) .account-card [role=status]:empty{display:none}
[data-view=account] #account-identity #account-plan{margin:1rem 0;padding:.875rem 1rem;border-radius:var(--radius-field);background:var(--ok-soft);color:var(--ok);font-weight:600}
[data-view=account] #account-identity>a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}


.connect-steps{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0 0 1.25rem;padding:0;list-style:none}
.connect-steps li{display:inline-flex;align-items:center;gap:.5rem;min-height:28px;color:var(--muted);font-size:.875rem}
.connect-steps span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--planned-soft);color:var(--muted);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}
#account-keys .connect-steps li[data-step=name],#account-keys:has(#client-issued:not([hidden])) .connect-steps li[data-step=copy]{color:var(--ink);font-weight:600}
#account-keys .connect-steps li[data-step=name] span,#account-keys:has(#client-issued:not([hidden])) .connect-steps li[data-step=copy] span{background:var(--accent);color:var(--button-ink)}
[data-view=account] .key-grid{gap:1.5rem 2rem;margin-top:.25rem}
[data-view=account] .key-grid>section{min-width:0}
[data-view=account] .key-create>.section-heading{margin-bottom:.25rem}
[data-view=account] #issue-client-access{display:flex;flex-direction:column}
[data-view=account] #issue-client-access input{min-height:44px;border-radius:var(--radius-field)}
[data-view=account] #issue-client-access fieldset{margin:1rem 0 .25rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-field)}
[data-view=account] #issue-client-access .scope-choice{min-height:32px;margin:.25rem 0;font-family:var(--font-ui);font-size:.9375rem;font-weight:500}
[data-view=account] #issue-client-access button{align-self:flex-start;margin-top:1.25rem}
[data-view=account] #client-issued{margin:1.25rem 0 0;padding:1.25rem;border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--tint,var(--soft))}
[data-view=account] #client-issued h3{margin:0 0 .25rem}
[data-view=account] #client-issued input{font-family:var(--font-mono);font-size:.875rem;background:var(--paper)}
[data-view=account] #client-issued .actions{gap:.75rem;margin:.75rem 0 0}
[data-view=account] #client-issued .key-next{margin:.75rem 0 0;color:var(--ink);font-size:.875rem}
[data-view=account] .key-list>a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}


:is(#client-access-list,.admin-rows) .result{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin:0;padding:.875rem 0;border-top:1px solid var(--line-soft,var(--border))}
:is(#client-access-list,.admin-rows) .result:first-child{border-top:0}
:is(#client-access-list,.admin-rows) .result h3{flex:1 1 12rem;min-width:0;margin:0;font-size:.9375rem;font-weight:600;overflow-wrap:anywhere}
:is(#client-access-list,.admin-rows) .result .badge{flex:none;border:0}
:is(#client-access-list,.admin-rows) .result[data-state] .badge{text-transform:capitalize}
:is(#client-access-list,.admin-rows) .result p{flex:1 1 100%;margin:0;color:var(--muted);font-size:.8125rem;overflow-wrap:anywhere}
:is(#client-access-list,.admin-rows) .result button{flex:none;max-width:100%;min-height:40px;margin-top:.5rem;padding:.5rem .875rem;font-size:.875rem;line-height:1.3;text-align:left;white-space:normal;overflow-wrap:anywhere}
:is(#client-access-list,#access-list) .result button{color:var(--error)}
:is(#client-access-list,.admin-rows) .empty{padding:1.25rem 0;text-align:left}
:is(#client-access-list,.admin-rows) .result[data-state=active] .badge{background:var(--ok-soft);color:var(--ok)}
:is(#client-access-list,.admin-rows) .result[data-state=expired] .badge{background:var(--warn-soft,var(--planned-soft));color:var(--warn,var(--planned))}
:is(#client-access-list,.admin-rows) .result[data-state=revoked] .badge{background:var(--planned-soft);color:var(--planned)}
[data-view=account] #client-history-note{margin:.75rem 0 0}


[data-view=account] .account-pair{gap:1.5rem;margin-top:0}
[data-view=account] #account-usage .usage-summary{margin:0 0 .5rem;color:var(--ink);font-weight:600}
[data-view=account] #billing{overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;color:var(--muted);font-size:.9375rem}
[data-view=account] #billing button{margin:0}
[data-view=account] #billing-message:not(:empty){margin:.75rem 0 0}
[data-view=account] #billing-message a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}


[data-view=admin]>#admin-message{margin:0 0 1.25rem;color:var(--muted)}
[data-view=admin]>.panel.account-card{margin:0 0 1.5rem}
[data-view=admin] #staff-admin>.section-heading{align-items:center}
[data-view=admin] #staff-admin>.section-heading h2{flex:1 1 auto}
[data-view=admin] #staff-links-form{padding:1rem;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--panel-head)}
[data-view=admin] #staff-links-form label:first-child{margin-top:0}
[data-view=admin] #staff-links-form textarea{width:100%;min-height:5.5rem;padding:.625rem .75rem;border-radius:var(--radius-field)}
[data-view=admin] #feedback-admin h3{margin:1.5rem 0 .25rem}
[data-view=admin] .admin-token-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}
@media(min-width:1181px){[data-view=admin] .admin-token-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
[data-view=admin] #issue-access{display:flex;flex-direction:column}
[data-view=admin] #issue-access button{align-self:flex-start}
[data-view=admin] #admin-login{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
@media(max-width:600px){
  :is([data-view=account],[data-view=admin]) .panel.account-card{padding:1.125rem}
  [data-view=account] .account-head-actions{width:100%}
  [data-view=account] .account-head-actions .button{flex:1 1 auto}
  dl.account-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  dl.account-tiles>div{padding:.875rem}
  dl.account-tiles dd{font-size:1.25rem}
  #account-overview>div:first-child{grid-column:1/-1}
}


[data-view=start] .funnel-head,[data-view=start] .funnel-layout{width:100%;max-width:40rem;margin-inline:auto}
[data-view=start] .funnel-head{gap:.75rem;margin-bottom:2rem}
[data-view=start] .funnel-head h1{font-size:clamp(2.25rem,4.2vw,3.25rem);line-height:1.03;letter-spacing:-.04em;font-weight:600}
[data-view=start] .funnel-price{max-width:40rem;color:var(--muted);font-size:1.125rem;line-height:1.5}
[data-view=start] .funnel-layout{display:block}
[data-view=start] .funnel-steps{display:flex;flex-direction:column;gap:.375rem}
[data-view=start] .funnel-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:1rem;align-items:center;padding:.75rem 1.25rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-card)}
[data-view=start] .funnel-steps li.holds-card{align-items:start;padding:1.75rem;background:var(--paper);border-color:var(--line-strong)}
[data-view=start] .funnel-steps li.is-current{background:var(--paper);border-color:var(--accent);box-shadow:0 0 0 4px var(--tint,var(--soft))}
[data-view=start] .funnel-step-number{width:28px;height:28px;border:1px solid var(--line-strong);background:var(--paper);color:var(--muted);font-family:var(--font-mono);font-size:.8125rem;font-weight:500}
[data-view=start] .funnel-steps li.is-current .funnel-step-number{background:var(--button);border-color:var(--button);color:var(--button-ink)}
[data-view=start] .funnel-steps li.is-done .funnel-step-number{background:var(--ok);border-color:var(--ok);color:var(--ok-soft);font-size:0}
[data-view=start] .funnel-steps li.is-done .funnel-step-number::after{content:"\2713";font-size:.8125rem;font-family:var(--font-ui)}
[data-view=start] .funnel-step-text{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.125rem .75rem}
[data-view=start] .funnel-step-text strong{font-size:1rem;font-weight:600;color:var(--ink)}
[data-view=start] .funnel-step-text>span{color:var(--subtle);font-size:.875rem}
[data-view=start] .funnel-steps li.is-done .funnel-step-text strong{color:var(--subtle);font-weight:500}
[data-view=start] .funnel-steps li.holds-card>.funnel-step-text{display:none}
[data-view=start] .funnel-steps li.holds-card>.funnel-step-number{margin-top:.125rem}
[data-view=start] .funnel-card{grid-area:auto;grid-column:2;padding:0;background:none;border:0;border-radius:0}
[data-view=start] .funnel-card-step{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-view=start] .funnel-card h2{margin:0 0 .25rem;font-size:1.3125rem;font-weight:600;line-height:1.25;letter-spacing:-.015em}
[data-view=start] .funnel-panel>p:not(.funnel-card-step){margin:0;font-size:.9375rem;line-height:1.5;color:var(--muted)}
[data-view=start] #funnel-signup-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin-top:1.25rem}
[data-view=start] #funnel-signup-form label{grid-column:1 / -1;margin:0;font-size:.875rem;font-weight:500}
[data-view=start] #funnel-signup-form input{grid-column:1;min-width:0;min-height:52px;padding:0 1rem;border:1px solid var(--field-edge);border-radius:var(--radius-field);background:var(--paper);color:var(--ink);font-size:1rem}
[data-view=start] #funnel-signup-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
[data-view=start] #funnel-signup-form button{grid-column:2;grid-row:2;align-self:stretch;min-height:52px;margin:0;padding:0 1.5rem;border:0;border-radius:var(--radius-button);background:var(--button);color:var(--button-ink);font-size:1rem;font-weight:600}
[data-view=start] #funnel-signup-form button:not(:disabled):hover{background:var(--button-hover)}
[data-view=start] #funnel-signup-form .signup-consent{grid-column:1 / -1;margin:.25rem 0 0;font-size:.875rem;line-height:1.5;color:var(--muted)}
[data-view=start] .funnel-card [role=status]:not(:empty){margin:1rem 0 0;padding:.875rem 1rem;border-radius:var(--radius-field);background:var(--ok-soft);color:var(--ok);font-size:.9375rem;line-height:1.5}
[data-view=start] .funnel-card [role=status].error:not(:empty){background:var(--error-soft,var(--soft));color:var(--error)}
[data-view=start] .funnel-panel>.button,[data-view=start] .funnel-actions>*{min-height:52px;padding:0 1.5rem;border-radius:var(--radius-button);font-size:1rem}
[data-view=start] .funnel-panel>.button{margin-top:1.25rem}
[data-view=start] .funnel-actions{margin-top:1.25rem}
[data-view=start] .funnel-actions>.button:not(.primary){background:var(--paper);border:1px solid var(--line-strong);color:var(--ink)}
[data-view=start] #funnel[data-funnel-covered=true] #funnel-plan-text{margin-top:.75rem;padding:.875rem 1rem;border-radius:var(--radius-field);background:var(--ok-soft);color:var(--ok)}
[data-view=start] .funnel-signin{margin:1rem 0 0;font-size:.9375rem;color:var(--muted)}
@media(max-width:600px){[data-view=start] .funnel-head h1{font-size:2.25rem}[data-view=start] .funnel-price{font-size:1rem}
  [data-view=start] .funnel-steps li{padding:.75rem 1rem}[data-view=start] .funnel-steps li.holds-card{padding:1.25rem 1rem;grid-template-columns:minmax(0,1fr)}
  [data-view=start] .funnel-steps li.holds-card>.funnel-step-number{display:none}[data-view=start] .funnel-card{grid-column:1}
  [data-view=start] .funnel-step-text{flex-direction:column;gap:0}
  [data-view=start] #funnel-signup-form{grid-template-columns:minmax(0,1fr)}[data-view=start] #funnel-signup-form button{grid-column:1;grid-row:auto;width:100%}
  [data-view=start] #funnel-signup-form .signup-consent{grid-row:3}}

[data-view=confirm] .funnel-band{background:var(--band)}
[data-view=confirm] .confirm-card{max-width:30rem;padding:2.5rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-panel)}
[data-view=confirm] .confirm-card h1{margin:.25rem 0 .5rem;font-size:1.875rem;line-height:1.1;letter-spacing:-.03em;font-weight:600}
[data-view=confirm] .confirm-card>div>p{margin:0 0 .5rem;color:var(--muted);font-size:.9375rem;line-height:1.55}
[data-view=confirm] #confirm-form{display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem}
[data-view=confirm] #confirm-form label{margin:.5rem 0 0;font-size:.875rem;font-weight:500}
[data-view=confirm] #confirm-form input{min-height:52px;padding:0 1rem;border:1px solid var(--field-edge);border-radius:var(--radius-field);background:var(--paper);color:var(--ink);font-size:1rem}
[data-view=confirm] #confirm-rule{margin:.25rem 0 0;color:var(--subtle)}
[data-view=confirm] #confirm-button{align-self:stretch;margin-top:.75rem;min-height:52px;border:0;border-radius:var(--radius-button);background:var(--button);color:var(--button-ink);font-size:1rem}
[data-view=confirm] #confirm-unusable .button,[data-view=confirm] #confirm-set .button{display:flex;min-height:52px;margin-top:1.25rem;border-radius:var(--radius-button)}
[data-view=confirm] #confirm-set h1::before{content:"\2713";display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:.75rem;border-radius:50%;background:var(--ok-soft);color:var(--ok);font-size:1.25rem;letter-spacing:0}
@media(max-width:600px){[data-view=confirm] .confirm-card{padding:1.5rem}[data-view=confirm] .confirm-card h1{font-size:1.625rem}}

[data-view=login].access-layout{display:flex;flex-direction:column;gap:1rem;max-width:30rem;margin:0 auto}
[data-view=login] .access-intro{display:flex;flex-direction:column;gap:1rem;padding:2.5rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-panel)}
[data-view=login] .access-intro>*,[data-view=login] .access-intro>div>p{margin:0}
[data-view=login] .access-intro h1{font-size:1.875rem;line-height:1.1;letter-spacing:-.03em;font-weight:600}
[data-view=login] .access-intro .lede{margin:0;font-size:.9375rem;color:var(--muted)}
[data-view=login] .access-form-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-view=login] :is(#email-login-form,#recovery-form,#connect-form){display:flex;flex-direction:column;gap:.5rem}
[data-view=login] :is(#email-login-form,#recovery-form,#connect-form) label{margin:.5rem 0 0;font-size:.875rem;font-weight:500}
[data-view=login] :is(#email-login-form,#recovery-form) input{min-height:52px;padding:0 1rem;border:1px solid var(--field-edge);border-radius:var(--radius-field);background:var(--paper);color:var(--ink);font-size:1rem}
[data-view=login] #email-login-button{margin-top:1rem;min-height:52px;border:0;border-radius:var(--radius-button);background:var(--ink-button,var(--ink));color:var(--ink-button-ink,var(--paper));font-size:1rem}
[data-view=login] #email-login-button:not(:disabled):hover{background:var(--ink-button-hover,var(--muted))}
[data-view=login] #email-access-note{margin-top:.5rem}
[data-view=login] .access-model-note{font-size:.8125rem;color:var(--subtle)}
[data-view=login] #email-recovery{padding-top:1rem;border-top:1px solid var(--border)}
[data-view=login] #email-recovery h2{margin:0;font-size:1rem;font-weight:600}
[data-view=login] #recovery-button{align-self:flex-start;min-height:48px;margin-top:.5rem;border:1px solid var(--line-strong);border-radius:var(--radius-button);background:var(--paper);color:var(--ink)}
[data-view=login] #recovery-message:not(:empty),[data-view=login] #identity-message:not(:empty){margin:0;font-size:.9375rem}
[data-view=login] .access-new{margin:0;text-align:center;font-size:.9375rem}
[data-view=login] .connection{margin-top:1rem;padding:1.5rem;background:var(--band);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:none}
[data-view=login] .connection .section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin:0}
[data-view=login] .connection h2{font-size:1rem;font-weight:600}
[data-view=login] #access-token{min-height:48px;padding:0 .875rem;border:1px solid var(--field-edge);border-radius:var(--radius-field);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:.9375rem}
[data-view=login] #connect-button{align-self:flex-start;min-height:48px;margin-top:.5rem;padding:0 1.25rem;border-radius:var(--radius-button)}
[data-view=login] #connect-button:not(.primary){border:1px solid var(--line-strong);background:var(--paper);color:var(--ink)}
@media(max-width:600px){[data-view=login] .access-intro{padding:1.5rem}[data-view=login] .access-intro h1{font-size:1.625rem}}

[data-view=signup]{max-width:30rem;margin:0 auto;padding:2.5rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-panel)}
[data-view=signup] h1{margin:.25rem 0 .5rem;font-size:1.875rem;line-height:1.1;letter-spacing:-.03em;font-weight:600}
[data-view=signup] .lede{margin:0 0 1.25rem;font-size:.9375rem;color:var(--muted)}
[data-view=signup] .notice{margin:0;padding:1rem 1.125rem;background:var(--band);border:1px solid var(--border);border-radius:var(--radius-field)}
[data-view=signup] .notice h2{font-size:1rem;font-weight:600}
[data-view=signup] #email-signup-form.panel{display:flex;flex-direction:column;gap:.5rem;padding:0;background:none;border:0;box-shadow:none}
[data-view=signup] #email-signup-form label{font-size:.875rem;font-weight:500}
[data-view=signup] #email-signup-form input{min-height:52px;padding:0 1rem;border:1px solid var(--field-edge);border-radius:var(--radius-field);background:var(--paper);color:var(--ink);font-size:1rem}
[data-view=signup] #email-signup-button{min-height:52px;border:0;border-radius:var(--radius-button);background:var(--ink-button,var(--ink));color:var(--ink-button-ink,var(--paper));font-size:1rem}
[data-view=signup] #signup-message:not(:empty){margin:1rem 0 0;padding:.875rem 1rem;border-radius:var(--radius-field);background:var(--ok-soft);color:var(--ok)}
[data-view=signup] #signup-message.error:not(:empty){background:var(--error-soft,var(--soft));color:var(--error)}
[data-view=signup] .actions{margin:1.5rem 0 0;gap:.75rem 1.25rem}
[data-view=signup] .actions .button{min-height:48px;border-radius:var(--radius-button)}
@media(max-width:600px){[data-view=signup]{padding:1.5rem}[data-view=signup] h1{font-size:1.625rem}}

main:has(> [data-view=pricing]:not([hidden])){max-width:none;padding:0}
[data-view=pricing].pricing-page{padding:64px max(var(--band-gutter),calc((100% - var(--content-max)) / 2))}
[data-view=pricing] .pricing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,30rem);grid-template-rows:auto 1fr;grid-template-areas:"lead card" "notes card";gap:2.5rem 3rem;align-items:start}
[data-view=pricing] .page-heading{grid-area:lead;display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;margin:0;padding:0}
[data-view=pricing] .page-heading>*{margin:0}
[data-view=pricing] .page-heading h1{margin:0;font-size:clamp(2.5rem,4.8vw,4.25rem);line-height:1;letter-spacing:-.045em;font-weight:600;text-wrap:balance}
[data-view=pricing] .page-heading .intro{max-width:35rem;color:var(--muted);font-size:var(--text-lead);line-height:1.5}
[data-view=pricing] .plan-card{grid-area:card;display:flex;flex-direction:column;gap:1.25rem;padding:2.5rem;background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-panel);box-shadow:var(--panel-shadow)}
[data-view=pricing] .plan-card .section-heading{margin:0}
[data-view=pricing] .plan-card .section-heading .eyebrow{margin:0 0 .25rem}
[data-view=pricing] .plan-card h2{font-size:1.375rem;font-weight:600}
[data-view=pricing] .plan-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .625rem;margin:0;font-size:4.5rem;line-height:1;letter-spacing:-.05em;font-weight:600}
[data-view=pricing] .plan-period{display:inline;margin:0;color:var(--muted);font-size:1.125rem;font-weight:400;letter-spacing:0}
[data-view=pricing] #pricing-founding{margin:0;padding:.875rem 1rem;border-radius:var(--radius-field);background:var(--ok-soft);color:var(--ok);font-size:.9375rem;line-height:1.5}
[data-view=pricing] .plan-list{display:flex;flex-direction:column;gap:.875rem;margin:0}
[data-view=pricing] .plan-list li{position:relative;padding:0 0 0 1.75rem;border:0;color:var(--muted);font-size:.9375rem;line-height:1.5}
[data-view=pricing] .plan-list li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--accent);font-weight:600}
[data-view=pricing] .plan-list strong{display:block;margin:0 0 .125rem;color:var(--ink);font-size:1rem;font-weight:600}
[data-view=pricing] .plan-card .actions{flex-direction:column;align-items:stretch;gap:.5rem;margin:.25rem 0 0}
[data-view=pricing] #pricing-primary{min-height:52px;border-radius:var(--radius-button);font-size:1.0625rem}
[data-view=pricing] .plan-card .actions .text-link{align-self:center;display:inline-flex;align-items:center;min-height:44px}
[data-view=pricing] #pricing-payment-state{margin:0;text-align:center;color:var(--subtle);font-size:.875rem}
[data-view=pricing] .pricing-notes{grid-area:notes;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
[data-view=pricing] .pricing-notes :is(h2,h3){margin:0;padding-top:1.125rem;border-top:1px solid var(--border);font-size:1.0625rem;font-weight:600;letter-spacing:0}
[data-view=pricing] .pricing-notes p{margin:.25rem 0 0;padding-bottom:1.125rem;color:var(--muted);font-size:.9375rem;line-height:1.55}
[data-view=pricing] .pricing-notes p:last-child{border-bottom:1px solid var(--border)}
[data-view=pricing] .pricing-questions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,47.5rem);column-gap:3rem;max-width:none;margin:64px 0 0;padding:0}
[data-view=pricing] .pricing-questions>h2{grid-column:1;grid-row:1 / span 6;margin:0;font-size:var(--text-h2-small);line-height:1.1;letter-spacing:-.03em;font-weight:600}
[data-view=pricing] .pricing-questions details{grid-column:2;padding:0;border-top:1px solid var(--border)}
[data-view=pricing] .pricing-questions details:last-of-type{border-bottom:1px solid var(--border)}
[data-view=pricing] .pricing-questions summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px;padding:.5rem 0;list-style:none;color:var(--ink);font-size:1.0625rem;font-weight:500;cursor:pointer}
[data-view=pricing] .pricing-questions summary::-webkit-details-marker{display:none}
[data-view=pricing] .pricing-questions summary::after{content:"+";flex-shrink:0;color:var(--subtle);font-size:1.25rem;font-weight:400}
[data-view=pricing] .pricing-questions details[open] summary::after{content:"\2212"}
[data-view=pricing] .pricing-questions details p{max-width:40rem;margin:0 0 1.25rem;color:var(--muted);font-size:1rem;line-height:1.6}
@media(max-width:980px){[data-view=pricing] .pricing-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"lead" "card" "notes"}
  [data-view=pricing] .pricing-questions{grid-template-columns:minmax(0,1fr)}[data-view=pricing] .pricing-questions>h2{grid-row:auto;margin-bottom:1rem}[data-view=pricing] .pricing-questions details{grid-column:1}}
@media(max-width:860px){[data-view=pricing].pricing-page{padding:40px 16px}[data-view=pricing] .plan-card{padding:1.5rem}[data-view=pricing] .plan-price{font-size:3.5rem}
  [data-view=pricing] .pricing-questions{margin-top:40px}}

[data-view=setup] .start-intro{gap:.75rem;padding:64px max(var(--band-gutter),calc((100% - var(--content-max)) / 2)) 32px;background:none;border:0}
[data-view=setup] .start-intro h1{max-width:47.5rem;font-size:clamp(2.25rem,4.4vw,3.75rem);line-height:1.02;letter-spacing:-.04em;font-weight:600}
[data-view=setup] .start-intro .eyebrow{margin:0}
[data-view=setup] .start-layout{padding:0 max(var(--band-gutter),calc((100% - var(--content-max)) / 2)) 64px;gap:2rem}
[data-view=setup] .start-steps-nav a{border-radius:var(--radius-card)}
[data-view=setup] .start-steps-nav li:first-child a{background:var(--paper);border-color:var(--border)}
[data-view=setup] .start-step-number{border:1px solid var(--line-strong);font-family:var(--font-mono);font-weight:500}
[data-view=setup] .start-steps-nav li:first-child .start-step-number{background:var(--button);border-color:var(--button);color:var(--button-ink)}
[data-view=setup] .start-cards{gap:1rem}
[data-view=setup] .start-card{padding:1.75rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-card)}
[data-view=setup] .start-card .feature-index{color:var(--accent);font-family:var(--font-mono);font-size:.875rem}
[data-view=setup] .start-card>h2,[data-view=setup] .start-access-main>h2{font-size:1.3125rem;font-weight:600;letter-spacing:-.015em}
[data-view=setup] .start-access-gets{background:var(--band);border-radius:var(--radius-card)}
[data-view=setup] .start-access-gets .check-list li::before{border-color:var(--accent)}
[data-view=setup] .recipe-tabs{gap:.375rem;padding:.375rem;background:var(--band);border:1px solid var(--border);border-radius:14px}
[data-view=setup] .recipe-tabs [role=tab]{min-height:44px;padding:0 1.125rem;border-radius:10px;color:var(--muted);font-weight:500}
[data-view=setup] .recipe-tabs [role=tab][aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px rgba(44,30,20,.15)}
[data-view=setup] .start-card .recipe-code{padding:1rem 1.25rem;background:var(--code-bg);border-radius:12px;color:var(--code-ink);font-family:var(--font-mono);font-size:.8125rem;line-height:1.7}
[data-view=setup] .recipe-token code,[data-view=setup] .recipe-more code{background:var(--band)}
[data-view=setup] .recipe-more{border-color:var(--border);border-radius:var(--radius-card);background:var(--band)}
[data-view=setup] .recipe-more pre{padding:.875rem 1rem;border-radius:10px;background:var(--paper);border:1px solid var(--border);font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;overflow-x:auto}

[data-view=setup] .recipe-check h3,[data-view=setup] .recipe-remove h3{font-size:1.0625rem;font-weight:600}
[data-view=setup] #test-protocol{min-height:48px;padding:0 1.25rem;border:1px solid var(--line-strong);border-radius:var(--radius-button);background:var(--paper);color:var(--ink);font-weight:600}
[data-view=setup] .recipe-actions button,[data-view=setup] .recipe-remove .button,[data-view=setup] .recipe-check .button{min-height:44px;border-radius:var(--radius-button)}
[data-view=setup] #start-search .actions .button:not(.primary){border:1px solid var(--line-strong);background:var(--paper);color:var(--ink)}

[data-view=setup] .start-layout{grid-template-columns:minmax(0,1fr) minmax(0,22rem);grid-template-areas:"nav nav" "cards side";gap:1.5rem 2rem}
[data-view=setup] .start-steps-nav{grid-area:nav;position:static}
[data-view=setup] .start-steps-nav ol{flex-direction:row;flex-wrap:wrap;gap:.5rem}
[data-view=setup] .start-steps-nav a{padding:.625rem 1rem;border:1px solid var(--border);background:var(--paper)}
[data-view=setup] .start-cards{grid-area:cards}
[data-view=setup] .start-aside{grid-area:side;display:flex;flex-direction:column;gap:1rem;min-width:0}
[data-view=setup] .start-side-card{margin:0;padding:1.5rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-card)}
[data-view=setup] .start-side-card>:first-child{margin-top:0}
[data-view=setup] .recipe-remove.start-side-card{background:var(--band)}
[data-view=setup] .start-side-card .actions{flex-direction:column;align-items:stretch;gap:.5rem;margin:1rem 0 .5rem}
[data-view=setup] .start-side-card .actions>*{justify-content:center}
@media(max-width:980px){[data-view=setup] .start-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"nav" "cards" "side"}}
@media(max-width:600px){[data-view=setup] .start-intro{padding:40px 16px 24px}[data-view=setup] .start-intro h1{font-size:2.25rem}
  [data-view=setup] .start-layout{padding:0 16px 40px}[data-view=setup] .start-card{padding:1.25rem}[data-view=setup] .start-side-card{padding:1.25rem}
  [data-view=setup] .start-steps-nav ol{flex-direction:column;align-items:stretch}[data-view=setup] .start-steps-nav a{align-items:center}
  [data-view=setup] .start-step-text span{display:none}}

[data-view=library] .lib-band,[data-view=library] .lib-hero{background:var(--ground);border-top:0;border-bottom:0}
[data-view=library] .lib-band{padding-top:32px;padding-bottom:32px}
[data-view=library] .lib-hero{padding-top:var(--band-pad);padding-bottom:32px}
[data-view=library] .lib-band:last-child{padding-bottom:var(--band-pad)}
[data-view=library] .lib-band h2{margin:0 0 12px;font-size:clamp(1.625rem,2.6vw,2.125rem);line-height:1.1;letter-spacing:-.025em;font-weight:600}
[data-view=library] .lib-band h3{margin:0;font-size:1rem;font-weight:600;letter-spacing:0}
[data-view=library] .lib-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:24px 48px;align-items:end}
[data-view=library] .lib-hero h1{display:flex;flex-direction:column;gap:16px;max-width:none;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.03em;font-weight:600;text-wrap:balance}
[data-view=library] .lib-total{font-size:clamp(4rem,8vw,7rem);line-height:.92;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:var(--ink)}
[data-view=library] .lib-hero-copy{display:flex;flex-direction:column;gap:20px;min-width:0}
[data-view=library] .lib-hero .lede{margin:0;max-width:560px;font-size:1.125rem;line-height:1.55;color:var(--muted)}
[data-view=library] .lib-hero .md-actions{margin:0;align-items:center;gap:12px 24px}
[data-view=library] .md-actions .button.primary{min-height:52px;padding:0 1.625rem;border-radius:var(--radius-button);font-size:1.0625rem}
[data-view=library] .lib-text-link{display:inline-flex;align-items:center;min-height:48px;font-weight:600}
[data-view=library] .lib-contents{margin-top:32px;padding-top:8px;border-top:1px solid var(--rule)}
[data-view=library] .lib-contents a{font-size:.9375rem;font-weight:500}
[data-view=library] .lib-section-head{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}
[data-view=library] .lib-section-head h2{margin:0}
[data-view=library] .lib-section-head .md-reading{margin:0}
[data-view=library] .lib-counts{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
[data-view=library] .lib-kinds{flex:3 1 560px;min-width:0;padding:8px 12px;border-radius:var(--radius-panel);background:var(--paper)}
[data-view=library] .lib-kind-table{font-size:.875rem}
[data-view=library] .lib-kind-table th,[data-view=library] .lib-kind-table td{padding:.5rem .75rem;border-top:1px solid var(--line-soft,var(--border));vertical-align:middle;font-family:var(--font-ui);font-size:.875rem}
[data-view=library] .lib-kind-table thead th{border-top:0;color:var(--muted);font-size:.75rem;font-weight:600}
[data-view=library] .lib-kind-table tbody th{font-weight:500;overflow-wrap:normal}
[data-view=library] .lib-kind-table .lib-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}
[data-view=library] .lib-kind-table .lib-all{color:var(--ink);font-weight:600}
[data-view=library] .lib-bar-cell{width:38%;min-width:6rem}
[data-view=library] .lib-bar{display:block;width:100%;height:10px;border-radius:5px;background:var(--community-bg,var(--planned-soft));overflow:hidden}
[data-view=library] .lib-bar-fill{fill:var(--accent)}
[data-view=library] .lib-total-row th,[data-view=library] .lib-total-row td{border-top:1px solid var(--line-strong);font-weight:600}
[data-view=library] .lib-labels{flex:2 1 320px;min-width:0;display:flex;flex-direction:column;gap:12px}
[data-view=library] .lib-tiers{display:grid;gap:12px;margin:0}
[data-view=library] .lib-tier{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:var(--radius-panel);background:var(--community-bg,var(--planned-soft));color:var(--ink)}
[data-view=library] .lib-tier[data-library-tier=verified]{background:var(--verified-bg,var(--ok-soft));color:var(--verified-ink,var(--ok))}
[data-view=library] .lib-tier dt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;font-size:1.125rem;font-weight:600}
[data-view=library] .lib-tier-count{font-size:1.5rem;font-variant-numeric:tabular-nums}
[data-view=library] .lib-tier dd{margin:0;max-width:40rem;font-size:.875rem;line-height:1.5}
[data-view=library] .lib-tier[data-library-tier=community] dd{color:var(--muted)}
[data-view=library] .lib-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px 40px;align-items:start}
[data-view=library] #sample .lib-split{padding-top:40px;border-top:1px solid var(--rule)}
[data-view=library] .lib-split-head{display:flex;flex-direction:column;gap:4px;min-width:0}
[data-view=library] .lib-split-head .md-reading{margin:0}
[data-view=library] .lib-split-body{display:flex;flex-direction:column;gap:16px;min-width:0}
[data-view=library] .lib-split-body>.md-reading{margin:0}
[data-view=library] .lib-sample{margin:0;min-width:0;border-radius:var(--radius-card);background:var(--code-bg);color:var(--code-ink);overflow:hidden}
[data-view=library] .lib-sample-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--code-rule);font-family:var(--font-mono);font-size:.75rem;color:var(--code-ink)}
[data-view=library] .lib-sample .md-code{margin:0;padding:18px;border-radius:0;font-size:.8125rem;line-height:1.7}
[data-view=library] .lib-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:40px;border-radius:var(--radius-panel);background:var(--tint,var(--soft))}
[data-view=library] .lib-cta-copy{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:8px}
[data-view=library] .lib-cta h2{margin:0;font-size:1.75rem;letter-spacing:-.02em}
[data-view=library] .lib-cta .md-reading{margin:0}
[data-view=library] .lib-cta-price{margin:0;font-weight:600;color:var(--ink)}
[data-view=library] .lib-cta .md-actions{margin:0}
[data-view=library] .lib-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}
[data-view=library] .lib-stats>div{display:flex;flex-direction:column;gap:4px;padding:18px;background:var(--paper)}
[data-view=library] .lib-stats dt{font-size:.8125rem;color:var(--muted)}
[data-view=library] .lib-stats dd{margin:0;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}
[data-view=library] .lib-withdrawn{border:1px solid var(--border);border-radius:12px;background:var(--paper);overflow:hidden}
[data-view=library] .lib-withdrawn h3{padding:14px 18px;font-size:.8125rem;border-bottom:1px solid var(--line-soft,var(--border))}
[data-view=library] .lib-withdrawn .md-plain{gap:0}
[data-view=library] .lib-withdrawn li{display:flex;flex-direction:column;gap:2px;max-width:none;padding:14px 18px;border-top:1px solid var(--line-soft,var(--border))}
[data-view=library] .lib-withdrawn li:first-child{border-top:0}
[data-view=library] .lib-withdrawn code{font-size:.8125rem;overflow-wrap:anywhere}
[data-view=library] .lib-withdrawn li span{font-size:.875rem;color:var(--muted)}
@media(max-width:860px){[data-view=library] .lib-cta{padding:32px}}
@media(max-width:600px){[data-view=library] .lib-band{padding-top:24px;padding-bottom:24px}[data-view=library] .lib-hero{padding-top:40px;padding-bottom:24px}[data-view=library] .lib-band:last-child{padding-bottom:40px}[data-view=library] .lib-bar-cell{display:none}[data-view=library] .lib-kinds{padding:4px 8px}[data-view=library] .lib-kind-table th,[data-view=library] .lib-kind-table td{padding:.5rem}[data-view=library] .lib-tier{padding:20px}[data-view=library] .lib-cta{padding:24px}[data-view=library] .lib-cta .md-actions,[data-view=library] .lib-cta .button.primary{width:100%}[data-view=library] #sample .lib-split{padding-top:24px}[data-view=library] .lib-stats>div{padding:14px}}

[data-view=workspace] .catalogue #search-form>label{margin-top:0}
[data-view=workspace] .catalogue .search-row{flex-wrap:wrap;gap:8px}
[data-view=workspace] .catalogue .search-row input{flex:1 1 16rem;min-height:52px;padding:0 18px;border-color:var(--line-strong);border-radius:12px;font-size:1rem}
[data-view=workspace] #search-button{min-height:52px;padding:0 1.5rem;border-radius:var(--radius-button);background:var(--ink-button,var(--ink));border-color:var(--ink-button,var(--ink));color:var(--ink-button-ink,var(--paper))}
[data-view=workspace] #search-button:not(:disabled):hover{background:var(--ink-button-hover,var(--ink));border-color:var(--ink-button-hover,var(--ink))}
[data-view=workspace] .search-mode-field{display:inline-flex;flex-wrap:wrap;max-width:100%;align-items:center;gap:8px;min-height:44px;margin-top:10px;padding:0 6px 0 14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--paper)}
[data-view=workspace] .search-mode-field label{margin:0;font-size:.875rem;font-weight:400;color:var(--muted);white-space:nowrap}
[data-view=workspace] .search-mode-field select{width:auto;flex:1 1 12rem;max-width:100%;min-width:0;min-height:40px;padding:0 .5rem;border:0;background:transparent;font-size:.875rem;color:var(--ink)}
[data-view=workspace] #results{display:flex;flex-direction:column;gap:12px;margin-top:1.25rem}
[data-view=workspace] #results>.empty{border:1px dashed var(--line-strong);border-radius:var(--radius-card);background:var(--band)}
[data-view=workspace] #results .result{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--paper)}
[data-view=workspace] #results .result>*{flex:1 1 100%;min-width:0}
[data-view=workspace] #results .result>h3{margin:0;font-size:1.0625rem;line-height:1.35;font-weight:600}
[data-view=workspace] #results .result>p:first-of-type{margin:0 0 4px;font-family:var(--font-mono);font-size:.75rem;color:var(--subtle);overflow-wrap:anywhere}
[data-view=workspace] #results .result>.badge{flex:0 0 auto}
[data-view=workspace] #results .result>details{margin:6px 0 2px}
[data-view=workspace] #results .result>details summary{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
[data-view=workspace] #results .result>details dl{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);margin:4px 0 0;font-size:.875rem}
[data-view=workspace] #results .result>details dt,[data-view=workspace] #results .result>details dd{margin:0;padding:8px 0;border-top:1px solid var(--line-soft,var(--border));overflow-wrap:anywhere}
[data-view=workspace] #results .result>button{flex:0 0 auto;min-height:48px;padding:0 1.25rem;border-radius:var(--radius-button)}
[data-view=workspace] #results .result>button:first-of-type{background:var(--ink-button,var(--ink));border-color:var(--ink-button,var(--ink));color:var(--ink-button-ink,var(--paper))}
[data-view=workspace] #results .result>p[role=status]{margin:0;font-size:.875rem}
[data-view=workspace] #results .result>p[role=status]:empty{display:none}
[data-view=workspace] .result-report>button,[data-view=workspace] .browse-report>button{min-height:44px;padding:0;border:0;background:transparent;color:var(--muted);font-weight:500;text-decoration:underline;text-underline-offset:4px}
[data-view=workspace] .result-report-form,[data-view=workspace] .browse-report-form{display:flex;flex-direction:column;gap:8px;margin-top:4px}
[data-view=workspace] .result-report-form textarea,[data-view=workspace] .browse-report-form textarea{width:100%;padding:.65rem .8rem;border:1px solid var(--field-edge);border-radius:var(--radius-field);background:var(--paper);color:var(--ink);font:inherit}
[data-view=workspace] .rating-pair{display:inline-flex;flex-wrap:wrap;gap:8px;margin-top:4px}
[data-view=workspace] .rating-pair button{min-height:44px;padding:0 1rem;border-radius:999px;font-weight:500}

[data-view=workspace] .badge[data-library-tier]{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:0;border-radius:var(--radius-label,6px);font-size:.75rem;font-weight:600;white-space:nowrap;overflow-wrap:normal;word-break:normal}
[data-view=workspace] .badge[data-library-tier=verified]{background:var(--verified-bg,var(--ok-soft));color:var(--verified-ink,var(--ok))}
[data-view=workspace] .badge[data-library-tier=community]{background:var(--community-bg,var(--planned-soft));color:var(--community-ink,var(--planned))}
[data-view=workspace] #results .badge:not([data-library-tier]){display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid var(--border);border-radius:var(--radius-label,6px);background:var(--bg);color:var(--muted);font-size:.75rem;font-weight:600;white-space:nowrap}

[data-view=workspace] .browse{padding:clamp(1.25rem,2.4vw,2rem)}
[data-view=workspace] .browse .section-heading{margin-bottom:.5rem}
[data-view=workspace] .browse .section-heading h2{margin:0;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.025em}
[data-view=workspace] .browse>.secondary{max-width:46rem;margin:0 0 1rem}
[data-view=workspace] .browse-controls{gap:8px;align-items:center}
[data-view=workspace] .browse-field-wide{flex:1 1 100%}
[data-view=workspace] .browse-field-wide label{margin:0 0 .4rem}
[data-view=workspace] #browse-search{min-height:52px;padding:0 18px;border-color:var(--line-strong);border-radius:12px;font-size:1rem}
[data-view=workspace] .browse-field:not(.browse-field-wide){flex:0 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%;min-height:44px;padding:0 4px 0 14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--paper)}
[data-view=workspace] .browse-field:not(.browse-field-wide) label{margin:0;font-size:.875rem;font-weight:400;color:var(--muted);white-space:normal;overflow-wrap:anywhere}
[data-view=workspace] .browse-field:not(.browse-field-wide) select{width:auto;min-width:0;max-width:14rem;min-height:40px;padding:0 .4rem;border:0;background:transparent;font-size:.875rem;color:var(--ink);text-overflow:ellipsis}
[data-view=workspace] #refresh-browse{flex:0 0 auto;margin:0 0 0 auto;min-height:44px;padding:0 1.25rem;border-radius:10px;background:var(--ink-button,var(--ink));border-color:var(--ink-button,var(--ink));color:var(--ink-button-ink,var(--paper))}
[data-view=workspace] .browse>.caption{max-width:52rem;margin:.75rem 0 0}
[data-view=workspace] #browse-message{margin:1rem 0 0;padding:12px 16px;border-radius:10px;background:var(--band);color:var(--muted);font-size:.875rem}
[data-view=workspace] #browse-message.error{background:var(--error-soft,var(--band));color:var(--error)}
[data-view=workspace] .browse-layout{grid-template-columns:minmax(0,1fr) minmax(18rem,21rem);gap:24px;margin-top:16px}
[data-view=workspace] .browse-table-wrap{border-radius:var(--radius-card);background:var(--paper)}
[data-view=workspace] .browse-table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[data-view=workspace] .browse-table{min-width:780px;font-size:.875rem}
[data-view=workspace] .browse-table th,[data-view=workspace] .browse-table td{padding:12px 14px;border-top:1px solid var(--line-soft,var(--border));vertical-align:top;overflow-wrap:normal;word-break:normal}
[data-view=workspace] .browse-table td:first-child{min-width:15rem;overflow-wrap:anywhere}
[data-view=workspace] .browse-table td:nth-child(3),[data-view=workspace] .browse-table td:nth-child(5){white-space:nowrap}
[data-view=workspace] .browse-table td:first-child,[data-view=workspace] .browse-table thead th:first-child{position:sticky;left:0;z-index:1;background:var(--paper)}
[data-view=workspace] .browse-table thead th:first-child{background:var(--band)}
[data-view=workspace] .browse-table thead th{padding:0 14px;border-top:0;background:var(--band);color:var(--muted);font-size:.75rem}
[data-view=workspace] .browse-sort{min-height:44px;padding:0;border:0;border-radius:0;background:transparent;font-size:.75rem;font-weight:600;letter-spacing:0;text-transform:none;color:inherit;white-space:nowrap}
[data-view=workspace] .browse-sort:not(:disabled):hover{color:var(--ink)}
[data-view=workspace] .browse-open{min-height:0;padding:0;border:0;border-radius:0;font-weight:500;color:var(--ink);text-decoration:none;line-height:1.4}
[data-view=workspace] .browse-open:hover,[data-view=workspace] .browse-open:focus-visible{text-decoration:underline;text-decoration-color:var(--accent)}
[data-view=workspace] .browse-table tbody tr:hover td{background:var(--band)}
[data-view=workspace] .browse-table tr[aria-selected=true] td{background:var(--tint,var(--soft))}
[data-view=workspace] .browse-table tr[aria-selected=true] td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
[data-view=workspace] .browse-table td.browse-empty{padding:40px 16px;text-align:center;font-size:.9375rem;color:var(--muted)}
[data-view=workspace] .browse-table td.browse-more{padding:16px;text-align:center;font-size:.875rem;color:var(--muted);background:var(--band)}
[data-view=workspace] .browse-detail{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:var(--radius-card);background:var(--paper);overflow-wrap:anywhere;scroll-margin-top:calc(var(--header-height,72px) + 16px)}
[data-view=workspace] .browse-detail>*{margin:0}
[data-view=workspace] .browse-detail>h3{font-size:1.25rem;line-height:1.25;letter-spacing:-.01em;font-weight:600}
[data-view=workspace] .browse-detail>h3+p.caption{font-family:var(--font-mono);font-size:.75rem;color:var(--subtle)}
[data-view=workspace] .browse-detail>dl{display:grid;grid-template-columns:minmax(0,8.5rem) minmax(0,1fr);margin:4px 0;font-size:.875rem;border-bottom:1px solid var(--line-soft,var(--border))}
[data-view=workspace] .browse-detail>dl dt,[data-view=workspace] .browse-detail>dl dd{margin:0;padding:9px 0;border-top:1px solid var(--line-soft,var(--border))}
[data-view=workspace] .browse-detail>dl dt{padding-right:12px;color:var(--muted)}
[data-view=workspace] .browse-detail>button{width:100%;min-height:52px;margin:0;border-radius:var(--radius-button);font-size:1rem;background:var(--ink-button,var(--ink));border-color:var(--ink-button,var(--ink));color:var(--ink-button-ink,var(--paper))}
[data-view=workspace] .browse-detail>button:not(:disabled):hover{background:var(--ink-button-hover,var(--ink))}
[data-view=workspace] .browse-detail>p[role=status]{font-size:.8125rem;line-height:1.5;color:var(--muted)}
[data-view=workspace] #browse-confirm-effects+p[role=status]{padding:12px 14px;border-radius:10px;background:var(--warn-soft,var(--planned-soft));color:var(--warn,var(--ink));font-size:.875rem}
[data-view=workspace] .browse-detail .browse-report,[data-view=workspace] .browse-detail .rating-pair{margin:0}
[data-view=workspace] .browse-detail .browse-report>p.caption:empty{display:none}
@media(min-width:1101px){[data-view=workspace] .browse-detail{position:sticky;top:calc(var(--header-height,72px) + 16px);max-height:calc(100vh - var(--header-height,72px) - 32px);overflow-y:auto}}
@media(max-width:1100px){[data-view=workspace] .browse-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){[data-view=workspace] .browse-field:not(.browse-field-wide){flex:1 1 100%;justify-content:space-between}[data-view=workspace] .browse-field:not(.browse-field-wide) select{max-width:65%}[data-view=workspace] #refresh-browse{width:100%;margin:0}[data-view=workspace] .browse-detail{padding:20px}[data-view=workspace] #results .result{padding:16px}[data-view=workspace] #results .result>details dl{grid-template-columns:minmax(0,1fr)}[data-view=workspace] #results .result>details dd{border-top:0;padding-top:0}[data-view=workspace] #search-button{flex:1 1 100%}[data-view=workspace] .browse-table td:first-child{min-width:11rem}}

[data-view=admin]>.admin-sections{margin:0 0 1.5rem}
[data-view=admin]:has(#staff-admin[hidden]) .admin-sections a[href="#staff-admin"],[data-view=admin]:has(#feedback-admin[hidden]) .admin-sections a[href="#feedback-admin"],
[data-view=admin]:has(#admin-controls[hidden]) .admin-sections a[href="#admin-controls"],[data-view=admin]:has(#staff-admin[hidden]):has(#admin-controls[hidden]) .admin-sections{display:none}
[data-view=admin] :is(#staff-admin,#feedback-admin,#admin-controls){scroll-margin-top:calc(var(--header-height,72px) + 1rem)}
@media(min-width:861px){
  [data-view=admin]:not([hidden]){display:grid;grid-template-columns:15rem minmax(0,1fr);gap:0 2rem;align-items:start}
  [data-view=admin]>*{grid-column:2;min-width:0}
  [data-view=admin]>.admin-sections{grid-column:1;grid-row:1/span 8;position:sticky;top:calc(var(--header-height,72px) + 1.5rem);flex-direction:column;align-items:stretch;margin:0}
}
/* design: home */

html [data-view="home"]>.home-band{padding-top:2rem;padding-bottom:2rem}
html [data-view="home"]>.home-band.band-hero{padding:3rem max(var(--band-gutter),calc((100% - var(--content-max)) / 2)) 2.5rem;padding-left:max(var(--band-gutter),calc((100% - var(--content-max)) / 2));background:var(--night);background-image:none;color:var(--night-ink);border-top:0}
html [data-view="home"] .band-hero .hero.product-hero{display:flex;flex-direction:column;align-items:stretch;gap:2rem;max-width:none;margin:0;padding:0}
html [data-view="home"] .band-hero .hero-copy{display:flex;flex-direction:column;align-items:center;gap:1.25rem;min-width:0;padding-top:0;text-align:center}
html [data-view="home"] .band-hero .hero-copy>*{margin:0}
html [data-view="home"] .band-hero .hero.product-hero h1{max-width:980px;color:var(--night-ink);font-size:clamp(2.75rem,5.4vw,4.875rem);font-weight:600;line-height:.98;letter-spacing:-.045em;text-wrap:balance}
html [data-view="home"] .band-hero .hero-subhead{max-width:var(--lead-max,47.5rem);color:var(--night-muted);font-size:clamp(1.125rem,1.6vw,1.3125rem);font-weight:400;line-height:1.5;text-wrap:pretty}
html [data-view="home"] .band-hero .hero-subhead a{color:var(--night-accent)}
html [data-view="home"] .band-hero .hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}
html [data-view="home"] .band-hero .hero-actions .button{min-height:52px;margin:0;padding:0 1.5rem;border-radius:var(--radius-button);font-size:1.0625rem;white-space:nowrap;flex:none}
html [data-view="home"] .band-hero .button.primary{background:var(--night-button,var(--night-accent));border-color:var(--night-button,var(--night-accent));color:var(--night-button-ink,var(--night))}
html [data-view="home"] .band-hero .button.primary:hover{background:var(--night-button-hover,var(--night-ink));border-color:var(--night-button-hover,var(--night-ink));color:var(--night-button-ink,var(--night))}
html [data-view="home"] .band-hero .button.secondary.on-night{background:transparent;border-color:var(--night-rule);color:var(--night-ink)}
html [data-view="home"] .band-hero .button.secondary.on-night:hover{border-color:var(--night-muted)}
html [data-view="home"] .band-hero .hero-meta{padding:0;border:0}
html [data-view="home"] .band-hero .hero-price{justify-content:center;color:var(--night-muted);font-size:.875rem}
html [data-view="home"] .band-hero .hero-price strong,html [data-view="home"] .band-hero .hero-price-amount{color:var(--night-ink)}
html [data-view="home"] .hero-terminal{min-width:0;margin:0;overflow:hidden;background:var(--night-rule);border:1px solid var(--night-rule);border-radius:var(--radius-card);text-align:left}
html [data-view="home"] .hero-terminal-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 1rem;background:var(--code-bg);border-bottom:1px solid var(--night-rule)}
html [data-view="home"] .hero-terminal-tabs{display:flex;flex-wrap:wrap;min-width:0;max-width:100%}
html [data-view="home"] .hero-terminal-tabs button{flex:none;min-height:44px;margin:0;padding:0 1.125rem;border:0;border-right:1px solid var(--night-rule);border-radius:0;background:transparent;color:var(--night-muted);font-family:var(--font-mono);font-size:.8125rem;font-weight:500}
html [data-view="home"] .hero-terminal-tabs button[aria-pressed="true"]{background:var(--night);color:var(--night-ink)}
html [data-view="home"] .hero-terminal-tabs button:not(:disabled):hover{border-color:var(--night-rule);color:var(--night-ink)}
html [data-view="home"] .hero-terminal-tabs button:focus-visible{outline:2px solid var(--night-accent);outline-offset:-2px}
html [data-view="home"] .hero-terminal-label{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin:0;padding:0 1.125rem;color:var(--night-live);font-family:var(--font-mono);font-size:.75rem}
html [data-view="home"] .hero-terminal-label::before{content:"";flex:none;width:6px;height:6px;border-radius:999px;background:currentColor}
html [data-view="home"] .hero-terminal-label.is-example{min-height:0;padding:0;color:var(--night-building)}
html [data-view="home"] .hero-panes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1px}
html [data-view="home"] .hero-pane{display:flex;flex-direction:column;gap:.75rem;min-width:0;margin:0;padding:1.25rem 1.5rem;background:var(--code-bg);border:0;border-radius:0;box-shadow:none;color:var(--code-ink);font-family:var(--font-mono);font-size:.8125rem;line-height:1.6}
html [data-view="home"] .hero-pane>*{margin:0}
html [data-view="home"] .hero-pane-name{color:var(--night-muted)}
html [data-view="home"] .hero-call{overflow-wrap:anywhere}
html [data-view="home"] .hero-tool{color:var(--night-accent)}
html [data-view="home"] .hero-arg,html [data-view="home"] .hero-args dt,html [data-view="home"] .hero-result-facts,html [data-view="home"] .hero-pane-result{color:var(--night-muted)}
html [data-view="home"] .hero-string{color:var(--night-building)}
html [data-view="home"] .hero-results{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}
html [data-view="home"] .hero-results li{display:flex;flex-wrap:wrap;gap:0 .75rem;padding-left:.875rem;border-left:2px solid var(--night-rule)}
html [data-view="home"] .hero-results li.is-chosen{border-left-color:var(--night-accent)}
html [data-view="home"] .hero-result-name{color:var(--night-ink);overflow-wrap:anywhere}
html [data-view="home"] .hero-result-facts{flex-basis:100%}
html [data-view="home"] .hero-result-chosen{order:1}
html [data-view="home"] .hero-results li .hero-result-facts{order:2}
html [data-view="home"] .hero-result-chosen,html [data-view="home"] .hero-ok{color:var(--night-live)}
html [data-view="home"] .hero-args{display:flex;flex-direction:column;gap:.25rem;margin:0}
html [data-view="home"] .hero-args div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .75rem;min-width:0}
html [data-view="home"] .hero-args dt,html [data-view="home"] .hero-args dd{margin:0;padding:0;line-height:1.6}
html [data-view="home"] .hero-args dd{min-width:0;margin:0;color:var(--night-ink);overflow-wrap:anywhere}
html [data-view="home"] .hero-directory-head{gap:.5rem 1rem}
html [data-view="home"] .hero-tree{font-size:.8125rem;line-height:1.55}
html [data-view="home"] .hero-directory-note{padding-top:.75rem;font-family:var(--font-ui);font-size:.8125rem;line-height:1.5}
html [data-view="home"] .hero-foot{margin-top:-1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1.5rem;color:var(--night-muted);font-size:.875rem}
html [data-view="home"] .hero-works{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}
html [data-view="home"] .hero-works p{margin:0}
html [data-view="home"] .band-hero .hero-harnesses{gap:.375rem}
html [data-view="home"] .band-hero .hero-harnesses li{min-height:28px;padding:0 .625rem;background:transparent;border-color:var(--night-rule);color:var(--night-ink);font-size:.8125rem;font-weight:500}
html [data-view="home"] .hero-foot .text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--night-accent);font-weight:500}
html [data-view="home"] .text-link::after,html .use-case-page .use-case-card .text-link::after{content:"\2192";margin-left:.4rem}
html [data-view="home"] .home-band .section-title h2,html [data-view="home"] .trust h2,html [data-view="home"] .faq-intro h2{font-weight:600;letter-spacing:-.03em}
html [data-view="home"] .demo-grid,html [data-view="home"] .use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem}
html [data-view="home"] .demo-card,html [data-view="home"] .use-case{position:relative;display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:1.5rem 1.75rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-card);transition:border-color .15s ease}
html [data-view="home"] .demo-card:hover,html [data-view="home"] .use-case:hover,html [data-view="home"] .demo-card:focus-within,html [data-view="home"] .use-case:focus-within{border-color:var(--accent)}
html [data-view="home"] .demo-card>*,html [data-view="home"] .use-case>*{margin:0}
html [data-view="home"] .demo-card h3,html [data-view="home"] .use-case h3{font-size:1.375rem;font-weight:600;line-height:1.25;letter-spacing:-.015em}
html [data-view="home"] .demo-card p:not(.demo-card-kind),html [data-view="home"] .use-case p{color:var(--muted);font-size:1rem;line-height:1.55}
html [data-view="home"] .demo-card-kind{color:var(--accent);font-family:var(--font-mono);font-size:.8125rem;font-weight:500;letter-spacing:0;text-transform:none}
html [data-view="home"] .demo-card .text-link,html [data-view="home"] .use-case .text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;align-self:flex-start;color:var(--accent);font-weight:500}
html [data-view="home"] .demo-card .text-link::before,html [data-view="home"] .use-case .text-link::before{content:"";position:absolute;inset:0;border-radius:inherit}
html [data-view="home"] .demos,html [data-view="home"] .use-cases{gap:1.25rem}
html [data-view="home"] .library{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:2rem 3rem;align-items:center;margin:0;padding:2rem 3rem;background:var(--tint,var(--soft));border:0;border-radius:var(--radius-panel)}
html [data-view="home"] .library-main{display:flex;flex-direction:column;gap:1rem;min-width:0}
html [data-view="home"] .library-main>*{margin:0}
html [data-view="home"] .library-count{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0;border:0}
html [data-view="home"] .library-number{color:var(--ink);font-size:clamp(3rem,5vw,4.5rem);font-weight:600;line-height:.95;letter-spacing:-.05em}
html [data-view="home"] .library-count span:last-child{color:var(--muted);font-size:1.0625rem}
html [data-view="home"] .library .section-title{gap:.75rem}
html [data-view="home"] .library .section-title h2{font-size:clamp(1.625rem,2.6vw,2.125rem);line-height:1.15;letter-spacing:-.025em}
html [data-view="home"] .library .section-title>p{font-size:1rem;line-height:1.55}
html [data-view="home"] .library .check-list{display:flex;flex-direction:column;gap:.5rem;color:var(--muted);font-size:.9375rem}
html [data-view="home"] .library-links{display:flex;flex-wrap:wrap;gap:0 1.5rem}
html [data-view="home"] .library-links .text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:500}
html [data-view="home"] .library-side{display:flex;flex-direction:column;gap:1.5rem;min-width:0}
html [data-view="home"] .kind-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:.5rem;align-content:center;margin:0;padding:0;list-style:none}
html [data-view="home"] .kind{display:flex;flex-direction:column;gap:.125rem;min-width:0;padding:.875rem 1rem;background:var(--paper);border:0;border-radius:var(--radius-field)}
html [data-view="home"] .kind h3{margin:0;font-size:.9375rem;font-weight:600}
html [data-view="home"] .kind-files{margin:0;color:var(--subtle);font-family:var(--font-mono);font-size:.75rem;overflow-wrap:anywhere}
html [data-view="home"] .trust{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem 3rem;align-items:start}
@media(min-width:1100px){html [data-view="home"] .trust{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}}
html [data-view="home"] .trust h2{font-size:var(--text-h2-small);line-height:1.1}
html [data-view="home"] .trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:0 1.5rem;margin:0;padding:0;list-style:none}
html [data-view="home"] .trust-grid li{display:flex;flex-direction:column;gap:.25rem;padding:1rem 0;border-top:1px solid var(--border)}
html [data-view="home"] .trust-grid h3{margin:0;font-size:1.0625rem;font-weight:600}
html [data-view="home"] .trust-grid p{margin:0;color:var(--muted);font-size:.9375rem;line-height:1.5}
html [data-view="home"] .plan-summary{gap:1rem;padding:1.75rem;border-color:var(--border);border-radius:var(--radius-panel)}
html [data-view="home"] .pricing-teaser-side{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem}
html [data-view="home"] .pricing-teaser-side .caption{order:2;flex-basis:100%;text-align:left}
html [data-view="home"] .faq-item summary{padding:1rem 1.5rem;font-weight:600}
html [data-view="home"] .faq-item p{padding:0 1.5rem 1rem}
html [data-view="home"] .closing-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 2rem;margin:0;padding:1.75rem 2.5rem;background:var(--tint,var(--soft));border:0;border-radius:var(--radius-panel);color:var(--ink)}
html [data-view="home"] .closing-band h2{margin:0;font-size:clamp(1.625rem,2.4vw,2rem);font-weight:600;line-height:1.15;letter-spacing:-.025em}
html [data-view="home"] .closing-band p{margin:.5rem 0 0;color:var(--muted)}
html [data-view="home"] .closing-actions{gap:.75rem}
html [data-view="home"] .closing-actions .button{min-height:52px;margin:0;padding:0 1.5rem;font-size:1.0625rem}
html [data-view="home"] .benefit-limits{margin:.75rem 0 0;color:var(--subtle)}
@media(max-width:860px){html [data-view="home"]>.home-band{padding-top:1.5rem;padding-bottom:1.5rem}html [data-view="home"]>.home-band.band-hero{padding-top:2.5rem;padding-bottom:2.5rem}
  html [data-view="home"] .kind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html [data-view="home"] .hero-terminal-tabs button{padding:0 .75rem}html [data-view="home"] .kind{padding:.75rem}html [data-view="home"] .hero-pane{line-height:1.55}
  html [data-view="home"] .band-hero .hero.product-hero{gap:2rem}html [data-view="home"] .band-hero .hero-copy{gap:1.25rem;padding-top:0}
  html [data-view="home"] .hero-pane{padding:1.125rem}html [data-view="home"] .demo-card,html [data-view="home"] .use-case{padding:1.5rem}
  html [data-view="home"] .library{padding:1.5rem;gap:1.5rem}html [data-view="home"] .hero-foot{margin-top:-1rem}html [data-view="home"] .closing-band{padding:1.5rem}}
/* design: docs-and-states */

.status-page-body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-ui)}
.status-page-top{display:flex;align-items:center;min-height:64px;padding:0 var(--band-gutter);border-bottom:1px solid var(--rule);background:var(--header-bg,var(--paper))}
.status-page-brand{display:inline-flex;align-items:center;gap:.625rem;min-height:44px;color:var(--ink);font-size:1.125rem;font-weight:600;text-decoration:none}
.status-page-brand img{display:block;border-radius:8px}
main.status-page{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;width:100%;max-width:none;margin:0;padding:clamp(3rem,8vw,6rem) var(--band-gutter);text-align:center}
.status-page>*{margin:0}
.status-page-code{color:var(--accent);font-family:var(--font-mono);font-size:.9375rem;font-weight:500;letter-spacing:.02em}
.status-page[data-status-page=failure] .status-page-code{color:var(--error)}
.status-page h1{max-width:18ch;margin:0;font-size:clamp(2.25rem,4.4vw,3.75rem);font-weight:600;line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.status-page .lede,.status-page p:not([class]){max-width:34rem;margin:0;color:var(--muted);font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.5;text-wrap:pretty}
.status-page p:not([class]){font-size:1rem}
.status-page .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:.5rem 0 0}
.status-page .button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.375rem;border:1px solid var(--line-strong);border-radius:var(--radius-button);background:var(--paper);color:var(--ink);font-size:1rem;font-weight:600;text-decoration:none}
.status-page .button:hover{border-color:var(--accent);color:var(--ink);filter:none}
.status-page .caption{max-width:30rem;color:var(--muted);font-size:.875rem;line-height:1.55}
.status-page-reference{color:var(--subtle);font-family:var(--font-mono);font-size:.8125rem}
.status-page-reference code{padding:.125rem .375rem;border-radius:6px;background:var(--planned-soft);color:var(--ink);font-family:inherit;overflow-wrap:anywhere}
.status-page-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;padding:1.5rem var(--band-gutter);border-top:1px solid var(--rule);background:var(--band);color:var(--subtle);font-size:.8125rem}
.status-page-foot p{margin:0}
.status-page-links{display:flex;flex-wrap:wrap;gap:0 1.25rem}
.status-page-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none}
.status-page-links a:hover{color:var(--accent);text-decoration:underline}
@media(max-width:600px){.status-page .actions{flex-direction:column;align-self:stretch}.status-page .button{width:100%}.status-page-foot{flex-direction:column;align-items:flex-start}}


:is(p,div)[data-state=refused],:is(p,div)[data-state=error]{position:relative;margin:1rem 0 0;padding:.875rem 1rem .875rem 2.75rem;border-radius:10px;font-size:.9375rem;line-height:1.55;overflow-wrap:anywhere}
:is(p,div)[data-state=refused]{background:var(--warn-soft,#FEF2DD);color:var(--warn,#6C4300)}
:is(p,div)[data-state=error]{background:var(--error-soft,#FFE9E6);color:var(--error)}
:is(p,div)[data-state=refused]::before,:is(p,div)[data-state=error]::before{content:"!";position:absolute;left:1rem;top:.9375rem;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--warn,#6C4300);color:var(--warn-soft,#FEF2DD);font-family:var(--font-mono);font-size:.75rem;font-weight:700;line-height:1}
:is(p,div)[data-state=error]::before{background:var(--error);color:var(--error-soft,#FFE9E6)}
[data-state=loading]{display:flex;align-items:center;gap:.625rem;color:var(--muted)}
[data-state=loading]::before{content:"";flex:none;width:.875rem;height:.875rem;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:state-turn .8s linear infinite}
@keyframes state-turn{to{transform:rotate(1turn)}}
@media(prefers-reduced-motion:reduce){[data-state=loading]::before{animation:none;border-color:var(--accent)}}
.results .empty,.usage-empty{border:1px dashed var(--line-strong);border-radius:12px;background:var(--paper);color:var(--muted)}
.results .empty{padding:2.5rem 1.25rem}
.results .empty h3{margin:0 0 .375rem;color:var(--ink);font-size:1rem}
.results .empty p{max-width:28rem;margin:0 auto}
.empty-mark{background:var(--tint,#FFECDD);color:var(--accent)}