.case-nav { display:flex; gap:20px; flex-wrap:wrap; font-size:13px; }
.case-nav a { color:#e6e9ed; text-decoration:none; }
.case-nav [aria-current] { color:white; border-bottom:2px solid #bc9c70; padding-bottom:5px; }
.case-notice { padding:14px 18px; background:#f3f5f6; border-left:3px solid #718d74; }
.case-sources { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:20px 0; }
.case-source { border:1px solid var(--border,#deded9); padding:20px; background:white; }
.case-source h2 { margin:0 0 8px; font-size:18px; }
.case-source p { margin:7px 0; color:#5b6570; overflow-wrap:anywhere; }
.case-source a { color:#355b7a; }
.case-method,.case-muted { font-size:13px; line-height:1.7; color:#66717b; }
.case-section-title { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:12px; }
.case-section-title h2 { margin:0; font-size:20px; }
.case-section-title>span { font-size:12px; color:#66717b; }
.case-recommendations { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.case-recommendations button { text-align:left; border:1px solid #deded9; padding:14px; background:#fafbf9; cursor:pointer; line-height:1.6; }
.case-recommendations strong,.case-recommendations span { display:block; }
.case-recommendations span { font-size:12px; color:#65717a; }
.case-table-wrap { max-height:360px; overflow:auto; }
.case-table { width:100%; border-collapse:collapse; font-size:13px; white-space:nowrap; }
.case-table th { position:sticky; top:0; background:#f2f4f2; text-align:left; z-index:1; }
.case-table th,.case-table td { padding:12px 14px; border-bottom:1px solid #e4e6e2; }
.case-table button { background:none; border:0; padding:0; color:#355b7a; text-align:left; cursor:pointer; }
.case-table small { display:block; color:#7b848b; margin-top:4px; }
.gap-positive { color:#375e43; }.gap-negative { color:#886039; }
.case-filters { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
.case-filters input,.case-filters select { width:100%; }
.case-review { display:grid; grid-template-columns:270px minmax(0,1fr); gap:20px; }
.case-list { max-height:840px; overflow:auto; border-right:1px solid #e1e4df; padding-right:14px; }
.case-list button { width:100%; text-align:left; margin:0 0 8px; padding:12px; background:white; border:1px solid #e1e4df; cursor:pointer; font:inherit; font-size:12px; }
.case-list button[aria-current=true] { border-color:#547896; background:#f0f5f8; }
.case-list strong,.case-list span { display:block; overflow-wrap:anywhere; line-height:1.6; }
.case-list span { color:#65717a; }
.case-detail { min-width:0; }
.case-detail h2 { margin:0 0 8px; font-size:20px; }
.case-controls { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin:16px 0 12px; }
.case-controls label { font-size:13px; }
.case-videos { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.case-video-panel { min-width:0; }
.case-video-panel h3 { margin:10px 0; font-size:16px; }
.case-video-panel video { width:100%; aspect-ratio:4/3; background:#17232c; }
.case-score { padding:7px 10px; background:#f2f4f2; font-size:13px; }
.case-seek { width:100%; margin:14px 0 0; }
.case-evidence { margin-top:18px; font-size:12px; color:#69747c; }
.case-evidence p { overflow-wrap:anywhere; }
.case-evidence a { color:#355b7a; }
@media(max-width:900px) { .case-review{grid-template-columns:1fr}.case-list{max-height:220px;border-right:0}.case-recommendations{grid-template-columns:1fr 1fr}.case-nav{margin-top:12px}.masthead-inner{flex-wrap:wrap}.case-filters{grid-template-columns:1fr 1fr}.case-sources{grid-template-columns:1fr} }
@media(max-width:550px) { .case-videos,.case-recommendations,.case-filters{grid-template-columns:1fr}.case-section-title{align-items:flex-start;flex-direction:column}.platform-heading{flex-wrap:wrap}.case-nav{gap:12px}.case-source{padding:14px} }

.case-observation { margin:14px 0; padding:12px 14px; background:#f6f5ef; border-left:3px solid #bc9c70; font-size:13px; line-height:1.7; }
.case-observation p { margin:6px 0; }.case-observation small { color:#73766e; }
.case-comparison-select { display:block; max-width:440px; margin:18px 0; }
.case-comparison-select select { width:100%; }
.case-clips { display:grid; gap:8px; margin:12px 0; }
.case-clips button { text-align:left; border:1px solid #d8ded7; background:#fafbf9; padding:10px 12px; color:#355b7a; cursor:pointer; line-height:1.6; }
.case-clips button[aria-current=true] { border-color:#547896; background:#f0f5f8; }
.case-clips small { display:block; color:#65717a; }
.case-hypotheses { margin:12px 0; padding:12px 14px; border:1px solid #e1e4df; font-size:13px; line-height:1.7; }
.case-hypotheses p { margin:6px 0; }
.case-comparison-select,.case-observation,.case-hypotheses { overflow-wrap:anywhere; }
