/* Kids Audit only. Preserve every score, age rule, disclosure and result state. */
body.tvi-kids-audit { --audit-muted: #bfb8b0; --audit-teal: #9bc5cf; --audit-coral: #efa68e; }
.tvi-kids-audit [hidden] { display: none !important; }
.tvi-kids-audit :is(a, button, input, summary, [tabindex]):focus-visible { outline: 2px solid var(--audit-coral); outline-offset: 4px; }
.tvi-kids-audit .audit-skip { position: fixed; z-index: 300; top: 12px; left: 16px; padding: 12px 18px; background: #f5eee4; color: #211917; transform: translateY(-160%); }
.tvi-kids-audit .audit-skip:focus { transform: none; }
.tvi-kids-audit .tornado-wrap { width: min(1120px, calc(100% - clamp(20px, 4vw, 48px) * 2)); max-width: none; padding: 0 0 72px; }
.tvi-kids-audit #stateInput { padding-top: 42px; }
.tvi-kids-audit .audit-intro { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 48px; align-items: center; margin-bottom: 34px; }
.tvi-kids-audit .tornado-eyebrow { font-size: 12px; letter-spacing: .14em; color: var(--audit-coral); margin-bottom: 15px; }
.tvi-kids-audit .tornado-headline { font-size: clamp(35px, 4.5vw, 50px); font-weight: 400; letter-spacing: -.015em; line-height: 1.08; max-width: 25ch; }
.tvi-kids-audit .tornado-subhead { max-width: 640px; color: var(--audit-muted); font-size: 16px; line-height: 1.65; font-weight: 400; margin-bottom: 0; }
.tvi-kids-audit .cordelia-strip { align-items: flex-start; margin: 0; padding: 20px; gap: 12px; border-color: #3e5459; background: #1b2223; }
.tvi-kids-audit .cordelia-avatar { width: 40px; height: 40px; }
.tvi-kids-audit .cordelia-text { font-size: 13px; line-height: 1.65; color: #c2c8c8; }
.tvi-kids-audit .featured-title-card { max-width: 760px; margin-bottom: 28px; }
.tvi-kids-audit .audit-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 340px; grid-template-areas: 'age selection' 'search selection' 'picks selection'; gap: 24px 40px; align-items: start; border-top: 1px solid #3c3933; padding-top: 28px; }
.tvi-kids-audit .age-band-wrap { grid-area: age; margin-bottom: 0 !important; }
.tvi-kids-audit .age-band-label { font-size: 14px !important; line-height: 1.6; color: #ded7cc !important; }
.tvi-kids-audit .age-band-label span { display: block; font-size: 13px; opacity: 1 !important; color: var(--audit-muted); }
.tvi-kids-audit .age-input-row > div { min-height: 48px; border-color: #665e52 !important; }
.tvi-kids-audit .age-input-row :is(label, #ageUnit) { color: #c5beb5 !important; }
.tvi-kids-audit #ageInput { min-height: 32px; }
.tvi-kids-audit #ageClearBtn { min-height: 44px; font-size: 13px !important; color: #d4cbbd !important; }
.tvi-kids-audit #ageWindowHint { font-size: 13px !important; color: #dfb98b !important; }
.tvi-kids-audit .show-input-wrap { grid-area: search; margin: 0; }
.tvi-kids-audit .audit-search-label { display: block; font-size: 14px; line-height: 20px; margin-bottom: 8px; color: #ded7cc; }
.tvi-kids-audit .show-input { min-height: 56px; font-size: 16px; padding: 15px 18px; border-color: #77949a; background: #1e2425; }
.tvi-kids-audit .show-input::placeholder { color: #bfc7c7; }
.tvi-kids-audit .show-input:disabled { color: #bbb6ae; border-color: #58554e; }
.tvi-kids-audit .audit-search-help { font-size: 13px; color: var(--audit-muted); line-height: 1.6; margin-top: 8px; }
.tvi-kids-audit .autocomplete-dropdown { top: 88px; max-height: min(420px, 60dvh); overflow-y: auto; overscroll-behavior: contain; background: #252928; border-color: #627c7f; }
.tvi-kids-audit .ac-item { min-height: 52px; padding: 13px 16px; }
.tvi-kids-audit .ac-item.active { background: #354749; outline: 2px solid var(--audit-teal); outline-offset: -2px; }
.tvi-kids-audit .ac-name { white-space: normal; line-height: 1.4; font-size: 15px; }
.tvi-kids-audit .ac-ages { color: #c0c9c7; font-size: 12px; }
.tvi-kids-audit .audit-quick-picks { grid-area: picks; min-width: 0; }
.tvi-kids-audit .qp-label { min-height: 48px; cursor: pointer; font-size: 15px; color: #e3d9cd; line-height: 1.6; margin: 0 0 16px; padding: 10px 0; border-bottom: 1px solid #484035; }
.tvi-kids-audit .qp-label span { display: block; margin-top: 4px; color: var(--audit-muted); font-size: 13px; opacity: 1; font-style: normal; }
.tvi-kids-audit .qp-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px 12px; margin-bottom: 18px; }
.tvi-kids-audit .qp-tile { min-width: 0; align-self: start; }
.tvi-kids-audit .qp-name { font-size: 13px; line-height: 1.4; color: #ccc3b8; white-space: normal; overflow: visible; }
.tvi-kids-audit .qp-poster-wrap { border-radius: 7px; }
.tvi-kids-audit .qp-tile.sel .qp-poster-wrap { transform: none; border-color: var(--audit-coral); }
.tvi-kids-audit .qp-tile.sel .qp-name { color: var(--audit-coral); }
.tvi-kids-audit .audit-review-link { display: inline-flex; min-height: 44px; align-items: center; color: var(--audit-teal); font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.tvi-kids-audit .audit-selection { grid-area: selection; position: sticky; top: 96px; background: #202422; padding: 24px; border: 1px solid #4d625c; border-radius: 10px; scroll-margin-top: 100px; }
.tvi-kids-audit .audit-selection h2 { font-family: 'Instrument Serif', serif; font-weight: 400; font-size: 30px; margin: 0 0 8px; }
.tvi-kids-audit #selectionStatus { color: #b7cec6; font-size: 13px; line-height: 1.6; margin-bottom: 22px; }
.tvi-kids-audit .pills-wrap { flex-direction: column; flex-wrap: nowrap; gap: 9px; margin-bottom: 18px; }
.tvi-kids-audit .pills-wrap:empty { margin: 0; }
.tvi-kids-audit .show-pill { display: grid; grid-template-columns: minmax(0, 1fr) 36px; gap: 4px 8px; width: 100%; border-radius: 6px; padding: 9px 10px 9px 13px; background: #29322e; border-color: #4c6157; }
.tvi-kids-audit .show-pill-name { max-width: none; white-space: normal; font-size: 14px; line-height: 1.45; }
.tvi-kids-audit .show-pill-iq { grid-column: 1; font-size: 12px; color: #b6ccc1; }
.tvi-kids-audit .pill-remove { grid-column: 2; grid-row: 1 / 3; min-width: 36px; min-height: 44px; font-size: 22px; color: #d6e0d8; }
.tvi-kids-audit .input-hint { color: #c8c5ba; font-size: 14px; line-height: 1.6; margin-bottom: 20px; }
.tvi-kids-audit .input-hint span { color: #b8d3cf; }
.tvi-kids-audit .calc-btn { background: #a0c5bf; min-height: 52px; padding: 15px 12px; line-height: 1.5; font-size: 14px; }
.tvi-kids-audit .calc-btn:disabled { opacity: 1; color: #b9c0ba; background: #3b4640; border: 1px solid #667269; }
.tvi-kids-audit .alt-entry { color: #bebeb2; font-size: 13px; line-height: 1.6; }
.tvi-kids-audit .alt-entry a { display: block; color: var(--audit-teal); text-decoration: underline; text-underline-offset: 4px; padding: 6px 0; }
.tvi-kids-audit #stateProcessing { max-width: 640px; margin-inline: auto; padding-top: 90px; }
.tvi-kids-audit .processing-label { font-size: 16px; color: #d0cbc1; }
.tvi-kids-audit .proc-pill { font-size: 13px; line-height: 1.5; color: #ccc4b8; }
.tvi-kids-audit :is(#stateTeaser, #stateRevealed) { max-width: 820px; margin-inline: auto; padding-top: 40px; }
.tvi-kids-audit .audit-result-top { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 30px; align-items: center; padding: 12px 0 24px; border-bottom: 1px solid #3e3b34; }
.tvi-kids-audit .score-reveal { padding: 16px 0; border: 0; }
.tvi-kids-audit .ics-eyebrow { font-size: 12px; letter-spacing: .15em; color: #c0bab1; margin-bottom: 16px; }
.tvi-kids-audit .ics-disclaimer { color: #c6bdb1; font-size: 13px; line-height: 1.65; }
.tvi-kids-audit .dim-breakdown { padding: 16px 0; border: 0; }
.tvi-kids-audit .dim-title { font-size: 12px; letter-spacing: .12em; color: #c5bcb0; }
.tvi-kids-audit .dim-row { grid-template-columns: 40px minmax(0, 1fr) 52px; gap: 12px; padding: 10px 0; margin: 0 0 12px; }
.tvi-kids-audit .dim-row.is-gap { padding: 12px 8px; margin-inline: 0; }
.tvi-kids-audit .dim-label { flex-wrap: wrap; font-size: 14px; line-height: 1.5; gap: 4px 8px; }
.tvi-kids-audit .dim-sublabel { font-size: 12px; line-height: 1.5; color: #bbb2a5; }
.tvi-kids-audit .gap-flag { font-size: 10px; }
.tvi-kids-audit .dim-val-suffix { font-size: 12px; color: #b7ad9f; }
.tvi-kids-audit .lineup-block { padding-top: 26px; }
.tvi-kids-audit .lineup-row { padding: 12px 14px; border: 1px solid #3f3b33; }
.tvi-kids-audit .lu-name { font-size: 16px; line-height: 1.45; white-space: normal; }
.tvi-kids-audit .lu-meta { font-size: 13px; line-height: 1.5; color: var(--audit-muted); }
.tvi-kids-audit .lu-outof { font-size: 12px; color: #c6bbaa; }
.tvi-kids-audit .teaser-insight { font-size: 22px; line-height: 1.5; padding: 24px 24px 24px 30px; }
.tvi-kids-audit #continueBtn { min-height: 52px; font-size: 15px !important; }
.tvi-kids-audit .revealed-header { padding-bottom: 24px; margin-bottom: 28px; }
.tvi-kids-audit :is(.analysis-label, .revealed-label) { font-size: 12px; color: #c5bcb0; letter-spacing: .12em; line-height: 1.6; }
.tvi-kids-audit .analysis-text { font-size: 17px; line-height: 1.8; font-weight: 400; color: #cec7bc; }
.tvi-kids-audit .cordelia-sig-text { font-size: 13px; color: var(--audit-muted); line-height: 1.6; }
.tvi-kids-audit .cordelia-sig-text strong { color: #e0d6c7; }
.tvi-kids-audit .audit-disclosure { font-size: 13px !important; line-height: 1.7 !important; font-weight: 400 !important; color: #c3b9ab !important; }
.tvi-kids-audit .save-score-card { padding: 26px !important; }
.tvi-kids-audit .save-score-card h3 { font-size: 28px !important; }
.tvi-kids-audit .save-score-card > p { font-size: 14px !important; font-weight: 400 !important; color: #c7bdb0 !important; }
.tvi-kids-audit #saveScoreEmail { min-width: 0 !important; max-width: 100%; font-size: 16px !important; min-height: 48px; }
.tvi-kids-audit #saveScoreBtn { min-height: 48px; }
.tvi-kids-audit .tsv-label { font-size: 13px; color: #cac1b3; }
.tvi-kids-audit .tsv-opt { color: #bfb5a7; font-size: 12px; }
.tvi-kids-audit .tsv-chip { min-height: 44px; font-size: 13px; padding: 10px 15px; color: #d8cfc1; border-color: #5e574c; }
.tvi-kids-audit .tsv-chip.on { color: #b4d3d8; border-color: #7aa4af; }
.tvi-kids-audit .recs-subhead { font-size: 15px; line-height: 1.65; font-weight: 400; color: #c7bfb3; }
.tvi-kids-audit .rec-card { border-color: #4c463e; }
.tvi-kids-audit .rec-name { font-family: 'Instrument Serif', serif; font-size: 25px; font-weight: 400; }
.tvi-kids-audit .rec-iq { font-size: 15px; }
.tvi-kids-audit :is(.rec-sel, .rec-ages, .rec-lift, .rec-fallback-note, .rec-svc) { font-size: 12px; line-height: 1.6; }
.tvi-kids-audit :is(.rec-ages, .rec-fallback-note, .rec-svc.muted) { color: #c3b9ab; }
.tvi-kids-audit .rec-svc { color: #b0d4d7; }
.tvi-kids-audit .share-btn { min-height: 44px; font-size: 14px; }
.tvi-kids-audit :is(.share-card-sub, .share-card-url, .restart-link) { font-size: 14px; line-height: 1.65; color: #bfb5a7; }
.tvi-kids-audit .restart-link a { color: var(--audit-teal); }
.tvi-kids-audit #showInput { scroll-margin-top: 100px; }
@media (max-width: 1000px) {
  .tvi-kids-audit .audit-intro { grid-template-columns: 1fr; gap: 24px; }
  .tvi-kids-audit .tornado-headline { max-width: 27ch; }
  .tvi-kids-audit .cordelia-strip { max-width: 720px; }
  .tvi-kids-audit .audit-workspace { grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; }
  .tvi-kids-audit .qp-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .tvi-kids-audit #stateInput { padding-top: 30px; }
  .tvi-kids-audit .audit-intro { gap: 20px; margin-bottom: 26px; }
  .tvi-kids-audit .tornado-headline { font-size: 38px; }
  .tvi-kids-audit .tornado-subhead { font-size: 15px; }
  .tvi-kids-audit .cordelia-strip { padding: 16px; }
  .tvi-kids-audit .audit-workspace { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'age' 'search' 'selection' 'picks'; gap: 22px; }
  .tvi-kids-audit .audit-selection { position: static; padding: 20px; }
  .tvi-kids-audit .audit-quick-picks .qp-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tvi-kids-audit .qp-name { font-size: 13px; }
  .tvi-kids-audit .audit-result-top { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .tvi-kids-audit .dim-row { grid-template-columns: 32px minmax(0, 1fr) 48px; gap: 10px; }
  .tvi-kids-audit .dim-row.is-gap { padding-inline: 6px; }
  .tvi-kids-audit .dim-mark.s { font-size: 12px; }
  .tvi-kids-audit .lineup-row { padding: 12px 8px; gap: 10px; }
  .tvi-kids-audit .lu-name { font-size: 15px; }
  .tvi-kids-audit .save-score-card { padding: 22px 18px !important; }
  .tvi-kids-audit #saveScoreEmail, .tvi-kids-audit #saveScoreBtn { flex-basis: 100%; }
  .tvi-kids-audit .audit-founding { padding: 26px 20px !important; }
  .tvi-kids-audit .audit-founding > div:has(> img) { flex-wrap: wrap; }
  .tvi-kids-audit .audit-founding a { max-width: 100%; padding: 16px 20px !important; font-size: 14px !important; }
}
@media (max-width: 520px) {
  .tvi-kids-audit .rec-card { display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: start; }
  .tvi-kids-audit .rec-poster { width: 100px; height: 150px; }
  .tvi-kids-audit .rec-body { padding: 14px; min-width: 0; }
  .tvi-kids-audit .rec-name { font-size: 23px; overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(body.tvi-kids-audit) { scroll-behavior: auto; }
  .tvi-kids-audit *, .tvi-kids-audit *::before, .tvi-kids-audit *::after { transition: none !important; animation: none !important; }
  .tvi-kids-audit :is(button, a):hover { transform: none !important; }
}