.transcription-page { background: #111; color: #fff; }
.transcription-page .ccf-kicker { color: #cf533b; }
.transcription-hero { background: #151515; border-bottom: 1px solid rgba(255,255,255,.12); padding: clamp(4rem, 9vw, 7.5rem) 0; }
.transcription-hero h1 { font-size: clamp(2.8rem, 7vw, 5.4rem); font-weight: 800; letter-spacing: -.055em; }
.transcription-headline { color: #fff; font-size: clamp(1.5rem, 3.5vw, 2.65rem); font-weight: 800; line-height: 1.1; }
.transcription-hero .lead, .transcription-section p { color: rgba(255,255,255,.78); line-height: 1.75; }
.transcription-hero blockquote { border-left: 4px solid #9d1a01; color: #fff; font-size: 1.2rem; font-weight: 700; margin: 1.6rem 0; padding: .3rem 0 .3rem 1rem; }
.transcription-hero-mark { align-items: center; border: 1px solid rgba(255,255,255,.17); display: grid; font-family: monospace; gap: 1rem; justify-items: center; min-height: 290px; padding: 2rem; }
.transcription-hero-mark span { border: 1px solid #9d1a01; color: #fff; padding: .55rem 1rem; }
.transcription-hero-mark i { color: #cf533b; }
.transcription-feature-image { border: 1px solid rgba(255,255,255,.16); display: block; height: auto; max-width: 100%; }
.transcription-feature-image--portrait { box-shadow: 0 20px 48px rgba(0,0,0,.35); margin-inline: auto; width: min(100%, 350px); }
.transcription-feature-image--garage, .transcription-feature-image--escalation { margin: 1.5rem auto 0; width: min(100%, 430px); }
.transcription-feature-image--wide { margin: 1.5rem auto 0; width: min(100%, 950px); }
.transcription-section { padding: clamp(3.5rem, 7vw, 6rem) 0; }
.transcription-section--ink { background: #181818; border-block: 1px solid rgba(255,255,255,.1); }
.transcription-narrow { max-width: 930px; }
.transcription-section h2, .transcription-final h2 { font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800; letter-spacing: -.035em; margin: .4rem 0 1rem; }
.transcription-section h3 { font-size: 1.25rem; font-weight: 700; }
.section-intro { max-width: 900px; }
.transcription-definition, .transcription-callout { background: rgba(157,26,1,.12); border-left: 4px solid #9d1a01; margin-top: 1.75rem; padding: 1.25rem 1.5rem; }
.transcription-definition p, .transcription-callout p { margin-bottom: 0; }
.transcription-levels { display: grid; gap: 1px; margin-top: 1.5rem; }
.transcription-levels div { background: rgba(255,255,255,.06); display: grid; gap: .4rem; padding: 1rem; }
.transcription-levels .featured { border-left: 4px solid #9d1a01; color: #fff; }
.transcription-levels span { color: rgba(255,255,255,.72); }
.transcription-vehicle-grid, .transcription-audience-grid { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 1.75rem; }
.transcription-vehicle-grid article, .transcription-audience-grid article { background: #202020; border: 1px solid rgba(255,255,255,.13); border-top: 3px solid #9d1a01; min-height: 220px; padding: 1.15rem; }
.transcription-vehicle-grid h3, .transcription-audience-grid h3 { color: #fff; }
.transcription-vehicle-grid span { color: #d78170; display: block; font-size: .82rem; font-weight: 700; }
.transcription-vehicle-grid small { color: rgba(255,255,255,.64); line-height: 1.55; }
.transcription-bridge { border-left: 4px solid #9d1a01; color: #fff !important; font-size: 1.15rem; font-weight: 700; margin: 2rem 0 0; padding-left: 1rem; }
.transcription-pipeline { counter-reset: pipeline; display: grid; gap: .85rem; list-style: none; margin: 2rem 0 0; padding: 0; }
.transcription-pipeline li { align-items: start; background: rgba(255,255,255,.04); border-left: 3px solid #9d1a01; display: grid; gap: .25rem; grid-template-columns: 2.2rem 1fr; padding: 1rem; }
.transcription-pipeline li::before { color: #d78170; content: counter(pipeline, decimal-leading-zero); counter-increment: pipeline; font-weight: 800; grid-row: span 2; }
.transcription-pipeline span { color: rgba(255,255,255,.72); }
.transcription-callout span { color: #fff; font-weight: 700; }
.transcription-table-wrap { margin-top: 1.5rem; overflow-x: auto; }
.transcription-table-cue { color: #d78170 !important; display: none; font-size: .9rem; font-weight: 700; margin: 1.5rem 0 -.9rem; }
.transcription-table-wrap table { border-collapse: collapse; min-width: 1400px; width: 100%; }
.transcription-table-wrap caption { caption-side: top; color: rgba(255,255,255,.72); padding-bottom: .75rem; text-align: left; }
.transcription-table-wrap th, .transcription-table-wrap td { border: 1px solid rgba(255,255,255,.15); padding: .8rem; vertical-align: top; }
.transcription-table-wrap th { background: #3a1109; }
.transcription-table-wrap td { color: rgba(255,255,255,.78); }
.transcription-disclaimer { border: 1px solid rgba(207,83,59,.6); color: #fff !important; font-size: .9rem; margin-top: 1rem; padding: .9rem; }
.transcription-observations { border-left: 4px solid #9d1a01; color: #fff; margin: 1.5rem 0; padding-left: 1rem; }
.transcription-escalation { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 1.5rem 0; }
.transcription-escalation div { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.14); display: grid; gap: .5rem; padding: 1rem; }
.transcription-escalation .featured { border-color: #9d1a01; }
.transcription-escalation span { color: rgba(255,255,255,.72); }
.transcription-support-grid { display: grid; gap: .7rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1.5rem; }
.transcription-support-grid span { border: 1px solid rgba(255,255,255,.14); padding: .85rem; }
.transcription-audience-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.transcription-audience-grid article { min-height: 150px; }
.transcription-faq details { border-bottom: 1px solid rgba(255,255,255,.14); padding: 1rem 0; }
.transcription-faq summary { color: #fff; cursor: pointer; font-weight: 700; }
.transcription-faq p { margin: .75rem 0 0; }
.transcription-final { background: #260d08; padding: clamp(3.5rem, 8vw, 6rem) 0; text-align: center; }
.transcription-final p { color: rgba(255,255,255,.8); line-height: 1.7; }
@media (max-width: 991.98px) { .transcription-vehicle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .transcription-audience-grid, .transcription-escalation { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .transcription-vehicle-grid, .transcription-audience-grid, .transcription-escalation, .transcription-support-grid { grid-template-columns: 1fr; } .transcription-hero-mark { min-height: 210px; } .transcription-table-cue { display: block; } }