/* Presentation only. Published scores, provenance and editorial text stay in place. */
body.tvi-title { --ivory-muted: #beb8af; }
.tvi-title .tp-wrap { max-width: 1020px; padding: 0 clamp(20px, 4vw, 44px); }
.tvi-title .tp-hero { grid-template-columns: minmax(0,1fr) 240px; gap: 48px; padding: 48px 0 36px; }
.tvi-title .tp-info { min-width: 0; }
.tvi-title .tp-title { font-size: clamp(36px, 4.5vw, 60px); font-weight: 400; line-height: 1.06; text-wrap: balance; }
.tvi-title .tp-h1-score { font-size: 16px; line-height: 1.5; white-space: normal; }
.tvi-title .tp-fs-answer { font-size: 16px; line-height: 1.65; font-weight: 400; }
.tvi-title .tp-byline { font-size: 13px; line-height: 1.7; font-weight: 400; }
.tvi-title .tp-breadcrumb { font-size: 13px; }
.tvi-title .tp-genre { font-size: 12px; padding: 5px 11px; }
.tvi-title .tp-poster { align-self: start; }
.tvi-title .tp-poster > img, .tvi-title .tp-poster-fallback { width: 240px; height: 360px; }
.tvi-title .tp-iq-num { font-size: 86px; }
.tvi-title .tp-iq-suffix { color: #b9b1a6; }
.tvi-title .tp-tier-desc { font-size: 14px; font-weight: 400; }
.tvi-title .tp-section { padding: 32px 0; }
.tvi-title .tp-section-title { font-size: 13px; letter-spacing: 1.5px; color: #d0c5b5; }
.tvi-title .tp-prov { color: #c8c1b7; font-size: 14px; margin: 0 0 26px; }
.tvi-title .tp-prov-sub { font-size: 14px; opacity: 1; color: #bdb6ab; line-height: 1.65; }
.tvi-title .tp-formula { font-size: 13px; font-weight: 400; line-height: 1.7; overflow-wrap: anywhere; }
.tvi-title .score-label small { color: #b3a99a; }
.tvi-title .score-row { grid-template-columns: 190px minmax(0,1fr) 48px; }
.tvi-title .tp-take p { max-width: 74ch; font-size: 17px; font-weight: 400; line-height: 1.8; }
.tvi-title :is(.tp-verdict-text,.tp-parent-note p,.tp-assoc-cta) { font-weight: 400; }
.tvi-title :is(.tp-featured-still figcaption,.tp-watch-attribution,.tp-track-note,.tp-share-label) { font-size: 13px; color: #b5ada1; }
.tvi-title :is(.tp-watch-chip,.tp-track-btn,.tp-share-btn) { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.tvi-title .tp-share-btn.pin { color: #201814; }
.tvi-title .tp-watch-jw-link { font-size: 14px; min-height: 36px; padding: 8px 0; }
.tvi-title .tp-dims-explain summary { min-height: 44px; padding: 12px 0; font-size: 14px; }
.tvi-title .tp-dims-explain li { font-size: 14px; font-weight: 400; }
.tvi-title .tp-trust-meta { overflow-wrap: anywhere; }
.tvi-title .tp-trust-meta > * { min-width: 0; }
.tvi-title .tp-production-role { color: #b9b1a6; font-size: 13px; }
.tvi-title .tp-production-values { font-size: 14px; }
.tvi-title .tp-production-group h3 { font-size: 12px; }
.tvi-title .tp-production-preview { white-space: normal; }
.tvi-title .tp-thread-meta { font-size: 12px; line-height: 1.5; color: #b9b1a6; }
.tvi-title .tp-next-d { font-size: 14px; color: #bdb5aa; }
.tvi-title :is(.compare-grid,.similar-grid,.tp-next-grid) { grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); }
.tvi-title .tp-email-row input { min-width: 0; font-size: 16px; }
.tvi-title :is(a,button,input,summary):focus-visible { outline: 2px solid #dda36b; outline-offset: 4px; }
.tvi-title .tp-polish-skip { position: fixed; top: -100px; left: 20px; z-index: 10001; background: #f5f0e8; color: #201b16; padding: 12px 18px; border-radius: 6px; }
.tvi-title .tp-polish-skip:focus { top: 12px; }
.tvi-title #title-main:focus { outline: none; }
@media(max-width: 700px) {
  .tvi-title .tp-hero { grid-template-columns: minmax(0,1fr) 160px; gap: 24px; padding-top: 30px; }
  .tvi-title .tp-poster > img, .tvi-title .tp-poster-fallback { width: 160px; height: 240px; }
  .tvi-title .tp-production-grid { grid-template-columns: minmax(0,1fr); }
  .tvi-title .tp-trust-meta { grid-template-columns: minmax(0,1fr); }
}
@media(max-width: 520px) {
  .tvi-title .tp-hero { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .tvi-title .tp-poster { justify-self: start; }
  .tvi-title .tp-poster > img, .tvi-title .tp-poster-fallback { width: 130px; height: 195px; }
  .tvi-title .tp-iq-num { font-size: 76px; }
  .tvi-title .score-row { grid-template-columns: minmax(0,1fr) 48px; gap: 8px 14px; margin-bottom: 24px; }
  .tvi-title .score-label { grid-column: 1; grid-row: 1; }
  .tvi-title .score-val { grid-column: 2; grid-row: 1; }
  .tvi-title .score-track { grid-column: 1 / -1; grid-row: 2; }
  .tvi-title :is(.tp-trust-card,.tp-verdict-card,.tp-consensus-card,.tp-assoc,.tp-decision,.tp-spread) { padding: 20px; }
  .tvi-title .tp-trust-reviewer-info { min-width: 0; }
  .tvi-title .tp-essential-chip { margin-left: 0; margin-right: 8px; }
  .tvi-title .tp-email-row { flex-wrap: wrap; }
  .tvi-title .tp-email-row input { flex-basis: 100%; }
  .tvi-title .tp-production summary { align-items: flex-start; gap: 12px; }
  .tvi-title .tp-production-row { grid-template-columns: minmax(0,1fr); gap: 3px; }
}
@media(prefers-reduced-motion: reduce) {
  .tvi-title *, .tvi-title *::before { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .tvi-title .score-fill { width: var(--bar-w,0%); }
}