@layer features{.outgrown-tool{padding-block:var(--space-section);background-color:var(--surface);color:var(--text);container:section/inline-size}.outgrown-tool__grid{row-gap:var(--space-7);align-items:start}.outgrown-tool__head,.outgrown-tool__intro,.outgrown-tool__body{gap:var(--space-5);grid-column:wide;align-content:start;min-inline-size:0;display:grid}.outgrown-tool__title{font-family:var(--font-display);font-size:var(--step-4);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-wrap:balance;margin:0}.outgrown-tool__intro p{font-size:var(--step-1);line-height:var(--leading-body);text-wrap:pretty;margin:0}.outgrown-tool__intro .outgrown-tool__note{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted)}@container section (width>=900px){.outgrown-tool__head{grid-area:1/1 col-start/auto/span 7}.outgrown-tool__intro{grid-area:1/8 col-start/auto/span 5;align-self:end}}@container section (width>=1200px){.outgrown-tool__head{grid-column:1 col-start/span 9}.outgrown-tool__intro{grid-column:10 col-start/span 7}}.outgrown-fallback{gap:var(--space-5);max-inline-size:48rem;display:grid}.outgrown-fallback__text{font-size:var(--step-0);margin:0}.outgrown-fallback__list{gap:var(--space-3);margin:0;padding-inline-start:var(--space-5);display:grid}.outgrown-host{inline-size:100%;min-inline-size:0;color:var(--text);container:outgrown/inline-size}.outgrown{gap:var(--space-7);min-inline-size:0;font-family:var(--font-display);display:grid}.outgrown__form,.outgrown__result{gap:var(--space-5);align-content:start;min-inline-size:0;display:grid}.outgrown-list{gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid}.outgrown-item{min-inline-size:0}.outgrown-statement{gap:var(--space-3);min-inline-size:0;padding:var(--space-4) 0 0;border:0;border-block-start:var(--line-width) solid var(--border);margin:0;display:grid}.outgrown-statement__text{gap:var(--space-3);float:none;inline-size:100%;font-family:var(--font-display);font-size:var(--step-1);font-weight:var(--weight-strong);line-height:var(--leading-snug);text-wrap:pretty;grid-template-columns:auto minmax(0,1fr);align-items:baseline;padding:0;display:grid}.outgrown-statement__number{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted);font-weight:500}.outgrown-statement[data-answered] .outgrown-statement__number{color:var(--accent)}.outgrown-scale{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@container outgrown (width>=36rem){.outgrown-scale{grid-template-columns:repeat(4,minmax(0,1fr))}}.outgrown-option{gap:var(--space-2);min-block-size:2.75rem;padding:var(--space-2) var(--space-3);border:var(--line-width-strong) solid var(--border-control);border-radius:var(--radius-s);background-color:var(--surface-raised);cursor:pointer;transition:border-color var(--dur-quick) var(--ease-settle), background-color var(--dur-quick) var(--ease-settle);align-items:center;display:flex}.outgrown-option:hover{border-color:var(--text)}.outgrown-option:has(:checked){border-color:var(--accent);background-color:var(--surface)}.outgrown-option:has(:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.outgrown-option__input{block-size:1.125rem;inline-size:1.125rem;accent-color:var(--accent);flex:none;margin:0}.outgrown-option__label{font-size:var(--step--1);line-height:var(--leading-snug)}.outgrown-nav{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.outgrown-count{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted);margin:0}.outgrown-button{min-block-size:2.75rem;padding:var(--space-3) var(--space-5);border:var(--line-width-strong) solid var(--border-control);border-radius:var(--radius-s);color:var(--text);font-family:var(--font-display);font-size:var(--step-0);font-weight:var(--weight-strong);line-height:var(--leading-snug);text-align:center;cursor:pointer;transition:background-color var(--dur-quick) var(--ease-settle), color var(--dur-quick) var(--ease-settle), border-color var(--dur-quick) var(--ease-settle);background-color:#0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.outgrown-button[data-variant=primary]{border-color:var(--accent);background-color:var(--accent);color:var(--on-accent)}.outgrown-button:hover{border-color:var(--text);background-color:var(--text);color:var(--surface)}.outgrown-button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.outgrown-result,.outgrown-result__empty,.outgrown-result__prompt{padding:var(--space-6);border:var(--line-width) solid var(--border);border-radius:var(--radius-s);background-color:var(--surface-raised);color:var(--text);overflow-wrap:anywhere;margin:0}.outgrown-result{gap:var(--space-4);min-inline-size:0;display:grid}.outgrown-result__empty,.outgrown-result__prompt{font-family:var(--font-reading);font-size:var(--step-0);line-height:var(--leading-body);color:var(--text-muted)}.outgrown-result__prompt{border-color:var(--accent);color:var(--text)}.outgrown-result__prompt:focus,.outgrown-result__title:focus{outline:none}@container outgrown (width<=55.99rem){.outgrown-result__empty{display:none}}.outgrown-result__label,.outgrown-result__steps-heading{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);margin:0;font-weight:500}.outgrown-result__title{border-block-end:var(--line-width-strong) solid var(--text);font-family:var(--font-display);font-size:var(--step-3);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:balance;margin:0;padding-block-end:var(--space-3)}.outgrown-result__summary{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted);margin:0}.outgrown-result__text,.outgrown-result__actions-text{font-family:var(--font-reading);font-size:var(--step-0);line-height:var(--leading-body);text-wrap:pretty;margin:0}.outgrown-result__steps{gap:var(--space-3);font-family:var(--font-reading);font-size:var(--step-0);line-height:var(--leading-body);margin:0;padding-inline-start:var(--space-5);display:grid}.outgrown-result__actions{gap:var(--space-3);border-block-start:var(--line-width) solid var(--border);padding-block-start:var(--space-4);display:grid}@container outgrown (width>=56rem){.outgrown{align-items:start;column-gap:var(--space-7);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.outgrown__result{position:sticky;inset-block-start:var(--space-6)}}}