.js .no-js-only,#app[hidden],.step{display:none}.step.is-active{display:block}.tool-shell{margin-top:var(--header-to-grid);padding-top:var(--space-12)}.tool-shell__title{margin-top:var(--space-4)}.tool-shell__lede{margin-top:var(--space-6);max-width:34rem;font-size:var(--type-lede);color:var(--muted)}.tool-shell[data-step=intro]{border:var(--hairline) solid var(--border);background:var(--surface-card);border-radius:var(--radius);padding:var(--space-13) var(--pad-web-card) var(--space-14)}.tool-shell[data-step=reading],.tool-shell[data-step=rsvp],.tool-shell[data-step=questions],.tool-shell[data-step=result]{padding-top:var(--space-3)}.tool-shell[data-step=reading]>.tool-shell__title,.tool-shell[data-step=reading]>.tool-shell__lede,.tool-shell[data-step=rsvp]>.tool-shell__title,.tool-shell[data-step=rsvp]>.tool-shell__lede,.tool-shell[data-step=questions]>.tool-shell__title,.tool-shell[data-step=questions]>.tool-shell__lede,.tool-shell[data-step=result]>.tool-shell__title,.tool-shell[data-step=result]>.tool-shell__lede{display:none}.subordinate{transition:opacity var(--dur-nav) var(--ease)}body[data-step=reading] .subordinate,body[data-step=rsvp] .subordinate,body[data-step=questions] .subordinate{opacity:.32}body[data-step=reading] .subordinate:hover,body[data-step=reading] .subordinate:focus-within,body[data-step=rsvp] .subordinate:hover,body[data-step=rsvp] .subordinate:focus-within,body[data-step=questions] .subordinate:hover,body[data-step=questions] .subordinate:focus-within{opacity:1}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--dur-reveal) ease-out,transform var(--dur-reveal) ease-out}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-fade{opacity:0;transition:opacity var(--dur-reveal) ease-out}.reveal-fade.is-visible{opacity:1}.intro__points{display:grid;gap:var(--space-5);margin:0;padding:0;list-style:none;max-width:36rem}.intro__points li{position:relative;padding-left:1.4rem;color:var(--muted)}.intro__points li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:var(--radius-pill);background:var(--accent);opacity:.8}.intro__start{margin-top:var(--space-14)}.btn--cta{width:100%;min-height:60px;font-size:1.08rem}.passage-choice{margin-top:var(--space-14)}.picker__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-6)}.picker__label{font-family:var(--font-mono);font-size:.74rem;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--muted-deep)}.length-picker,.mode-picker{display:inline-flex;gap:2px;padding:3px;border:var(--hairline) solid var(--border);border-radius:var(--radius-pill)}.seg-tab{border:none;border-radius:var(--radius-pill);cursor:pointer;padding:var(--space-4) var(--space-7);min-height:32px;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:.82rem;font-weight:var(--weight-medium);transition:background var(--dur-hover) var(--ease),color var(--dur-hover) var(--ease)}.seg-tab[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.mode-choice{margin-top:var(--space-12)}.mode-note,.picker__note{margin-top:var(--space-5);color:var(--muted);font-size:var(--type-body-sm);max-width:40rem}.picker__note:empty{display:none}.passage-card:disabled{cursor:not-allowed;opacity:.5}.passage-card:disabled:hover{border-color:var(--border);transform:none}.passage-card__tag{position:absolute;right:var(--space-6);bottom:var(--space-4);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-deep)}.passage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.passage-card{position:relative;text-align:left;cursor:pointer;display:flex;align-items:center;min-height:72px;padding:var(--space-7) var(--space-6);border:var(--hairline) solid var(--border);border-radius:10px;background:var(--surface-ghost);color:var(--text);transition:border-color var(--dur-hover) var(--ease),background var(--dur-hover) var(--ease),transform var(--dur-hover) var(--ease)}.passage-card:hover{border-color:var(--border-hover);transform:translateY(var(--hover-lift))}.passage-card[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.passage-card__title{font-size:.92rem;line-height:1.3;font-weight:var(--weight-medium);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reading__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-9);margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:var(--hairline) solid var(--border)}.reading__label{font-family:var(--font-mono);font-size:.74rem;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--muted-deep)}.reading__body{font-size:1.22rem;line-height:1.75;color:var(--text)}.reading__body p+p{margin-top:1.15em}.reading__done{margin-top:var(--section-pad-y-sm);padding-top:var(--space-10);border-top:var(--hairline) solid var(--border);display:grid;gap:var(--space-5);justify-items:center}.rsvp__stage{display:grid;gap:var(--space-10);padding:var(--section-pad-y-sm) 0;overflow:hidden}.rsvp__guide{display:block;height:1px;background:var(--border)}.rsvp__word{display:grid;grid-template-columns:1fr auto 1fr;font-family:var(--font-body);font-weight:var(--weight-bold);font-size:clamp(1.9rem,8.5vw,3.2rem);line-height:1.1;color:var(--text);white-space:nowrap}.rsvp__pre{text-align:right}.rsvp__post{text-align:left}.rsvp__orp{color:var(--accent)}.rsvp__meter{height:6px;border-radius:var(--radius-pill);overflow:hidden;background:#f0f0eb14;border:var(--hairline) solid var(--border)}.rsvp__meter-fill{display:block;height:100%;width:0;background:var(--accent)}.rsvp__controls{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-top:var(--space-12);justify-content:center}.rsvp__hint{margin-top:var(--space-6);text-align:center}@media(max-width:620px){.rsvp__controls .btn{flex:1 1 40%}}.q__progress{font-family:var(--font-mono);font-size:.74rem;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--muted-deep)}.q__prompt{margin-top:var(--space-6);font-size:clamp(1.2rem,3.4vw,1.6rem);line-height:1.3;color:var(--text)}.q__options{display:grid;gap:var(--space-5);margin-top:var(--space-12);padding:0;list-style:none}.option{display:block;width:100%;text-align:left;cursor:pointer;padding:var(--space-7) var(--space-8);border:var(--hairline) solid var(--border);border-radius:var(--radius);background:var(--surface-ghost);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.4;transition:border-color var(--dur-hover) var(--ease),background var(--dur-hover) var(--ease)}.option:hover:not(:disabled){border-color:var(--border-hover)}.option:disabled{cursor:default}.option[data-state=chosen]{border-color:var(--accent);background:var(--accent-soft)}.option[data-state=correct]{border-color:var(--correct)}.option[data-state=missed]{border-color:var(--incorrect)}.option__tag{float:right;margin-left:var(--space-6);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.option[data-state=correct] .option__tag{color:var(--correct)}.option[data-state=missed] .option__tag{color:var(--incorrect)}.result__head{text-align:center}.result__verdict{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-7);border-radius:var(--radius-pill);border:var(--hairline-strong) solid var(--accent);color:var(--accent);background:var(--accent-soft);font-family:var(--font-mono);font-size:.76rem;font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase}.invalid-note{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6);margin-top:var(--space-10)}.invalid-note__head{align-self:center;display:flex;align-items:center;gap:var(--space-4)}.invalid-note__icon{flex:none;color:var(--incorrect)}.invalid-note__lead{margin:0;color:var(--incorrect);font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--type-h3);line-height:var(--leading-h3)}.invalid-note__body{margin:0;max-width:42rem;text-align:left;color:var(--text);font-size:var(--type-section-body)}.score-equation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-5);margin-top:var(--space-9);padding-top:var(--space-8);border-top:var(--hairline) solid var(--border);max-width:30rem;margin-inline:auto}.score-op{align-self:center;font-family:var(--font-mono);font-size:1.4rem;color:var(--muted-deep)}.factor{text-align:center}.factor__label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--muted)}.factor__value{display:block;margin-top:var(--space-1);font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(1.5rem,5vw,2rem);line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.factor__unit{font-size:.85rem;color:var(--muted);font-family:var(--font-body)}.effective{margin-top:var(--space-14);text-align:center;border:var(--hairline-strong) solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);padding:var(--space-12) var(--space-9)}.effective__label{font-family:var(--font-mono);font-size:.74rem;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent)}.effective__value{display:block;margin-top:var(--space-4);font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(3.4rem,13vw,5.5rem);line-height:.98;color:var(--text);font-variant-numeric:tabular-nums}.effective__headline{margin-top:var(--space-5);color:var(--text);font-size:var(--type-body-sm);font-family:var(--font-mono)}.effective__note{margin-top:var(--space-4);color:var(--muted);font-size:var(--type-body-sm)}.effective__caveat{display:flex;gap:var(--space-4);align-items:flex-start;margin-top:var(--space-7);color:var(--muted);font-size:.9rem;text-align:left}.icon-info{flex:none;margin-top:.24em}.effective__headline:empty,.effective__note:empty{display:none}.result__mode{display:block;margin-top:var(--space-5);font-family:var(--font-mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.result__mode:empty{display:none}.paced-note{margin-top:var(--section-pad-y-sm);padding:var(--space-10) var(--pad-web-card);border:var(--hairline) solid var(--border);border-radius:var(--radius);color:var(--muted);font-size:var(--type-body-sm)}#step-result[data-mode=rsvp] .percentile,#step-result:not([data-mode=rsvp]) .paced-note{display:none}.percentile{margin-top:var(--section-pad-y-sm)}.percentile__title{display:flex;align-items:center;gap:.4rem;font-size:var(--type-h3);line-height:var(--leading-h3)}.percentile__title svg{flex:none;color:var(--accent)}.percentile__track-wrap{position:relative;padding-top:3.1rem;padding-bottom:2rem;margin-top:var(--space-10)}.percentile__zone-label{position:absolute;top:calc(100% + 12px);transform:translate(-50%);white-space:nowrap;font-family:var(--font-mono);font-size:.78rem;font-weight:var(--weight-medium);color:var(--muted)}.percentile__track{position:relative;height:14px;border-radius:var(--radius-pill);background:#f0f0eb14;border:var(--hairline) solid var(--border)}.percentile__zone{position:absolute;inset-block:-1px;border-radius:var(--radius-pill);background:linear-gradient(90deg,#a8d44a8c,#a8d44ad9);box-shadow:0 0 16px #a8d44a59}.percentile__marker{position:absolute;bottom:calc(100% + 4px);width:26px;color:var(--accent);transform:translate(-50%);line-height:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.percentile__marker svg{width:100%;height:auto}.percentile__marker[data-pinned]{width:34px}.percentile__scale{display:flex;justify-content:space-between;gap:var(--space-9);margin-top:var(--space-4);font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.percentile__caption{margin-top:var(--space-4);color:var(--text);font-size:var(--type-section-body)}.disclosure{border-top:var(--hairline) solid var(--border)}.percentile .disclosure,.result__breakdown{margin-top:var(--space-10)}.result__breakdown ol{margin:0;padding-left:1.2rem;color:var(--muted)}.result__breakdown li+li{margin-top:var(--space-4)}.mark{font-family:var(--font-mono);font-weight:var(--weight-bold)}.mark--yes{color:var(--correct)}.mark--no{color:var(--incorrect)}.result__actions{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-top:var(--section-pad-y-sm);justify-content:center}.share-preview{margin-top:var(--space-12);display:none;justify-content:center}.share-preview.is-visible{display:flex}.share-preview img{width:min(100%,260px);border-radius:var(--radius);border:var(--hairline) solid var(--border);opacity:0;transition:opacity var(--dur-reveal) ease-out}.share-preview img.is-visible{opacity:1}.app-cta{margin-top:var(--section-pad-y-sm);text-align:center}.app-cta__inner{display:grid;gap:var(--space-7);justify-items:center}.app-cta .kicker{color:var(--muted)}.static-bank{margin-top:var(--section-pad-y-sm)}.static-passage+.static-passage{margin-top:var(--space-12);padding-top:var(--space-12);border-top:var(--hairline) solid var(--border)}.static-passage__title{font-size:var(--type-h3);margin-bottom:var(--space-3)}.static-passage__meta{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-deep);margin-bottom:var(--space-9)}.static-passage p{color:var(--muted)}.static-passage p+p{margin-top:1em}.static-passage__qh{margin-top:var(--space-10);font-family:var(--font-mono);font-size:.74rem;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--muted-deep)}.static-q-list{color:var(--muted)}.static-q+.static-q{margin-top:var(--space-7)}.static-q__prompt{color:var(--text)}@media(max-width:620px){.tool-shell{margin-top:var(--space-13)}.tool-shell[data-step=intro]{padding-top:var(--space-10);padding-bottom:var(--space-12)}.picker__header{margin-bottom:var(--space-5)}.tool-shell__lede{margin-top:var(--space-4)}.mode-choice{margin-top:var(--space-9)}.passage-choice,.intro__start{margin-top:var(--space-10)}.mode-note,.picker__note{margin-top:var(--space-4);font-size:.88rem}.passage-card{min-height:56px;overflow:hidden}.passage-card__title{display:block;min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-equation{gap:var(--space-3)}.factor__label{font-size:.66rem;letter-spacing:.08em}.result__actions{flex-direction:column}.result__actions .btn,.reading__done .btn{width:100%}}#step-result[data-credible=ok] .invalid-note{display:none}#step-result:not([data-credible=ok]) .result__verdict,#step-result:not([data-credible=ok]) .effective,#step-result:not([data-credible=ok]) .effective__caveat,#step-result:not([data-credible=ok]) .percentile,#step-result:not([data-credible=ok]) .result__breakdown,#step-result:not([data-credible=ok]) .app-cta,#step-result:not([data-credible=ok]) #share{display:none}
