.phone-page { background: #060b14; color: #f0eee8; }
.phone-shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 24px 0 90px; }
.phone-nav { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 25px; font: 600 11px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.phone-nav a { color: #c7aaa0; text-decoration: none; }
.phone-nav div { display: flex; gap: 18px; flex-wrap: wrap; }
.phone-hero { max-width: 950px; margin: 0 auto 26px; text-align: center; }
.phone-kicker, .phone-label { color: #df9b70; font: 600 10px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .15em; }
.phone-hero h1 { margin: 11px 0 12px; font-size: clamp(2.35rem, 6vw, 5rem); line-height: 1.02; letter-spacing: -.055em; }
.phone-hero p { max-width: 760px; margin: 0 auto; color: #adb7bd; line-height: 1.65; }
.phone-player { margin: 0; }
.phone-player video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #000; border-radius: 8px; box-shadow: 0 0 0 1px #303944, 0 30px 80px #0009; }
.phone-player figcaption { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 12px; color: #96a1a7; font: 11px/1.6 var(--mono); }
.phone-player a, .phone-content a { color: #9bd4c4; }
.phone-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 22px 0 40px; }
.phone-actions a { display: inline-flex; min-height: 44px; align-items: center; padding: 0 16px; border: 1px solid #344a50; border-radius: 4px; color: #cbe9df; text-decoration: none; font: 600 11px var(--mono); }
.phone-actions a:first-child { background: #193933; border-color: #3e7c6d; }
.phone-content button[data-time] { padding: 0; border: 0; background: none; color: #9bd4c4; cursor: pointer; font: inherit; text-decoration: underline; text-underline-offset: 3px; }
.phone-content { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 30px; }
.phone-content h2 { margin: 0 0 16px; font-size: clamp(1.5rem, 3vw, 2rem); }
.phone-content p, .phone-content li { color: #b9c1c4; line-height: 1.75; }
.phone-content section { padding-top: 24px; border-top: 1px solid #26323d; }
.phone-content section + section { margin-top: 36px; }
.phone-aside { align-self: start; padding: 22px; background: #0e1925; border: 1px solid #26323d; border-radius: 6px; }
.phone-aside h2 { font-size: 1.1rem; }
.phone-aside ul { margin: 0; padding-left: 18px; }
.phone-aside li + li { margin-top: 12px; }
.phone-transcript-intro { margin-bottom: 20px; }
.phone-transcript { display: grid; gap: 0; }
.phone-line { display: grid; grid-template-columns: 68px 1fr; gap: 16px; padding: 12px 0; border-top: 1px solid #1d2b36; scroll-margin-top: 12px; }
.phone-line time { color: #d29a78; font: 600 11px/1.6 var(--mono); font-variant-numeric: tabular-nums; }
.phone-line p { margin: 0; }
.phone-line:hover { background: #0d1822; }
.phone-line button { border: 0; padding: 0; color: inherit; background: transparent; cursor: pointer; font: inherit; text-align: left; }
.phone-line button:hover { color: #fff; text-decoration: underline; }
.phone-search { width: min(100%, 440px); min-height: 44px; margin: 6px 0 18px; padding: 10px 13px; background: #101e2a; border: 1px solid #41505a; border-radius: 4px; color: #fff; font: 14px var(--sans); }
.phone-transcript .phone-line[hidden] { display: none; }
.phone-method { font-size: 12px; }
.phone-source-cards { display: grid; gap: 14px; margin: 20px 0; }
.phone-source-cards article { padding: 20px; background: #0e1925; border: 1px solid #344a50; border-radius: 6px; }
.phone-source-cards h3 { margin: 0 0 8px; }
.phone-source-cards p { margin: 0 0 12px; }
.phone-clarification { border-left: 3px solid #df9b70; padding: 20px; background: #131d26; border-radius: 4px; }
.phone-table-wrap { overflow-x: auto; }
.phone-evidence-table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.65; }
.phone-evidence-table th, .phone-evidence-table td { padding: 14px 10px; text-align: left; vertical-align: top; border-bottom: 1px solid #344a50; min-width: 135px; }
.phone-evidence-table td { color: #b9c1c4; min-width: 220px; }
@media (max-width: 760px) { .phone-content { display: block; } .phone-aside { margin-top: 28px; } .phone-hero { text-align: left; } .phone-hero p { margin: 0; } .phone-line { grid-template-columns: 55px 1fr; gap: 10px; } }