/* Score My List: warm, search-first workspace; existing scoring is untouched. */
body.tvi-ics { --ivory-muted: #c0b8ac; }
.tvi-ics [hidden] { display: none !important; }
.tvi-ics :is(a,button,input,summary,[tabindex]):focus-visible { outline: 2px solid #e0ad76; outline-offset: 4px; }
.tvi-ics .ics-skip { position: fixed; top: -100px; left: 20px; z-index: 10001; padding: 12px 18px; background: #f5f0e8; color: #201b16; }
.tvi-ics .ics-skip:focus { top: 12px; }
.tvi-ics .tornado-wrap { width: min(1120px,calc(100% - clamp(20px,4vw,48px) * 2)); max-width: none; padding: 0 0 72px; }
.tvi-ics #stateInput { padding-top: 42px; }
.tvi-ics .ics-intro { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 48px; align-items: center; margin-bottom: 32px; }
.tvi-ics .tornado-headline { font-size: clamp(38px,4.5vw,56px); font-weight: 400; line-height: 1.08; letter-spacing: -.02em; }
.tvi-ics .tornado-eyebrow { color: #ddb080; font-size: 12px; letter-spacing: .14em; }
.tvi-ics .tornado-eyebrow::before { animation: none; }
.tvi-ics .tornado-subhead { font-size: 16px; line-height: 1.7; font-weight: 400; }
.tvi-ics .tornado-trust { flex-wrap: wrap; gap: 10px 14px; margin-bottom: 0; }
.tvi-ics .tornado-trust-item { font-size: 12px; color: #c7beb0; }
.tvi-ics .tornado-trust-sep { display: none; }
.tvi-ics .payoff-band { display: block; margin: 0; padding: 22px; border-color: #554632; background: #242019; }
.tvi-ics .payoff-sample { border: 0; border-bottom: 1px solid #514430; padding: 0 0 18px; margin-bottom: 18px; }
.tvi-ics .payoff-get { padding: 0; }
.tvi-ics :is(.pg-label,.ps-label) { font-size: 11px; color: #c9baa3; }
.tvi-ics .payoff-get li { font-size: 13px; color: #d1c7b8; }
.tvi-ics .ics-workspace { display: grid; grid-template-columns: minmax(0,1fr) 340px; grid-template-rows: auto 1fr; grid-template-areas: 'search selection' 'picks selection'; align-items: start; gap: 24px 40px; padding-top: 28px; border-top: 1px solid #443b2e; }
.tvi-ics .show-input-wrap { grid-area: search; margin: 0; }
.tvi-ics .show-input-wrap::after { top: 55px; }
.tvi-ics .ics-search-label { display: block; font-size: 14px; line-height: 20px; margin-bottom: 8px; color: #ded3c2; }
.tvi-ics .show-input { min-height: 56px; font-size: 16px; padding: 15px 18px 15px 48px; background: #25211c; border-color: #99754c; }
.tvi-ics .show-input::placeholder { color: #c5b7a3; }
.tvi-ics .autocomplete-dropdown { top: 88px; background: #27231e; border-color: #9a7954; max-height: min(420px,60dvh); overflow-y: auto; }
.tvi-ics .ac-item { min-height: 56px; }
.tvi-ics .ac-item.active { background: #463824; outline: 2px solid #d6a56e; outline-offset: -2px; }
.tvi-ics .ac-name { white-space: normal; font-size: 15px; line-height: 1.45; }
.tvi-ics .ics-quick-picks { grid-area: picks; min-width: 0; }
.tvi-ics .ics-quick-picks summary { min-height: 48px; padding: 10px 0; margin-bottom: 12px; cursor: pointer; font-size: 14px; color: #d8cbb9; }
.tvi-ics .qs-row { margin: 0; }
.tvi-ics .qp-grid { grid-auto-columns: 100px; gap: 18px 14px; padding-bottom: 14px; }
.tvi-ics .qp-name { font-size: 13px; line-height: 1.4; display: block; -webkit-line-clamp: unset; overflow: visible; color: #cfc3b2; }
.tvi-ics .qp-card { align-self: start; }
.tvi-ics .ics-selection { grid-area: selection; position: sticky; top: 96px; padding: 24px; border: 1px solid #725839; border-radius: 10px; background: #282119; }
.tvi-ics .ics-selection h2 { font-family: 'Instrument Serif',serif; font-size: 30px; font-weight: 400; margin: 0 0 18px; }
.tvi-ics .pills-wrap { flex-direction: column; gap: 10px; }
.tvi-ics .show-pill { width: 100%; border-radius: 6px; padding: 7px 8px; gap: 10px; }
.tvi-ics .show-pill-name { min-width: 0; max-width: none; white-space: normal; font-size: 14px; line-height: 1.45; flex: 1; }
.tvi-ics .pill-remove { flex-shrink: 0; min-width: 36px; min-height: 44px; font-size: 22px; color: #e2d4c0; }
.tvi-ics .progress-pips { flex-wrap: wrap; margin-top: 18px; }
.tvi-ics .progress-pip-label { flex-basis: 100%; margin: 6px 0 0; font-size: 13px; color: #cdbba2; }
.tvi-ics .input-hint { font-size: 14px; color: #c6b9a5; }
.tvi-ics .calc-btn { min-height: 52px; font-size: 15px; padding-inline: 12px; }
.tvi-ics .calc-btn.ready { animation: none; }
.tvi-ics .calc-btn:disabled { opacity: 1; color: #c6bcae; background: #4a4033; border: 1px solid #80715b; }
.tvi-ics .alt-entry { font-size: 13px; line-height: 1.7; }
.tvi-ics .alt-entry a { display: block; color: #e0b282; }
.tvi-ics :is(#stateTeaser,#stateRevealed) { max-width: 820px; margin-inline: auto; padding-top: 36px; }
.tvi-ics .ics-result-top { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 30px; align-items: center; border-bottom: 1px solid #463b2e; padding-bottom: 24px; }
.tvi-ics :is(.score-reveal,.dim-breakdown) { padding: 16px 0; border: 0; }
.tvi-ics :is(.ics-disclaimer,.dim-title,.revealed-label,.analysis-label) { color: #c5baa9; font-size: 13px; line-height: 1.6; }
.tvi-ics .dim-row { grid-template-columns: 40px minmax(0,1fr) 52px; gap: 12px; padding: 10px 0; }
.tvi-ics .dim-row.is-gap { margin-inline: 0; padding-inline: 8px; }
.tvi-ics .dim-label { flex-wrap: wrap; font-size: 14px; line-height: 1.5; gap: 4px 8px; }
.tvi-ics .dim-val-suffix { font-size: 12px; color: #bdb09c; }
.tvi-ics .lineup-name { font-size: 15px; line-height: 1.5; white-space: normal; }
.tvi-ics .lineup-tier { font-size: 11px; }
.tvi-ics .teaser-insight { font-size: 23px; line-height: 1.5; }
.tvi-ics .analysis-text { font-size: 17px; line-height: 1.8; font-weight: 400; color: #d0c5b5; }
.tvi-ics .ics-disclosure { font-size: 13px !important; color: #c5baa9 !important; line-height: 1.7 !important; }
.tvi-ics #saveScoreEmail { min-width: 0 !important; font-size: 16px !important; min-height: 48px; }
.tvi-ics #saveScoreBtn { min-height: 48px; }
.tvi-ics .tsv-chip { font-size: 13px; min-height: 44px; color: #d2c6b5; }
.tvi-ics :is(.recs-subhead,.rec-why) { color: #c9beae; font-size: 14px; line-height: 1.7; }
.tvi-ics .rec-name { font-family: 'Instrument Serif',serif; font-weight: 400; font-size: 25px; }
.tvi-ics :is(.share-btn,.badge-share) { min-height: 44px; }
@media(max-width: 1000px) {
  .tvi-ics .ics-intro { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .tvi-ics .payoff-band { display: flex; gap: 24px; }
  .tvi-ics .payoff-sample { border: 0; margin: 0; padding: 0; }
  .tvi-ics .ics-workspace { grid-template-columns: minmax(0,1fr) 300px; gap: 24px; }
}
@media(max-width: 700px) {
  .tvi-ics #stateInput { padding-top: 28px; }
  .tvi-ics .tornado-headline { font-size: 40px; }
  .tvi-ics .payoff-band { display: block; }
  .tvi-ics #stateInput > .payoff-band { margin-top: 28px; }
  .tvi-ics .payoff-sample { margin-bottom: 18px; }
  .tvi-ics .ics-workspace { grid-template-columns: minmax(0,1fr); grid-template-rows: auto; grid-template-areas: 'search' 'selection' 'picks'; }
  .tvi-ics .ics-selection { position: static; padding: 20px; }
  .tvi-ics .ics-result-top { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .tvi-ics .dim-row { grid-template-columns: 32px minmax(0,1fr) 48px; gap: 10px; }
  .tvi-ics .lineup-row { display: grid; grid-template-columns: 32px minmax(0,1fr) 42px; gap: 10px; }
  .tvi-ics .lineup-tier { grid-column: 2; grid-row: 2; justify-self: start; }
  .tvi-ics .lineup-iq { grid-column: 3; grid-row: 1 / 3; }
  .tvi-ics .lineup-poster { grid-row: 1 / 3; }
  .tvi-ics #saveScoreCard { padding: 24px 18px !important; }
  .tvi-ics #saveScoreEmail,.tvi-ics #saveScoreBtn { flex-basis: 100%; }
  .tvi-ics .ics-founding { padding: 24px 20px !important; }
  .tvi-ics .ics-founding a { white-space: normal; max-width: 100%; padding-inline: 18px !important; }
}
@media(prefers-reduced-motion: reduce) {
  .tvi-ics *, .tvi-ics *::before { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
