/* Four open sections: title, comparable ratings, then consistent evidence rows. */
body[data-view=topic]{background:#fafbfc}
body[data-view=topic] .breadcrumb{max-width:1160px;margin-block:14px 8px;font-size:.9375rem}
.assessment-page{max-width:1160px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 auto 48px}
.assessment-page>.assessment-section{min-width:0;padding:0;border:0;scroll-margin-top:calc(var(--topbar) + 20px)}
.assessment-page #section-problem,.assessment-page #section-quotes{grid-column:1/-1}
.assessment-page #section-problem{padding:0 0 8px}
.assessment-page .problem-label{font-size:.875rem;line-height:1.5;color:#56647a;margin:0 0 8px}
.assessment-page h1.problem-detail{font-size:20px;line-height:1.5;margin:0;max-width:none;color:#172b4d}
.assessment-page>.rating-section{border:1px solid #dfe4ec;border-radius:8px;background:white;padding:22px 24px}
.assessment-page>.rating-section.section-focus{border-color:#0c66e4;box-shadow:0 0 0 1px #0c66e4}
.rating-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:18px}
.rating-heading>div:first-child{flex:1 1 140px;min-width:0}
.assessment-page .rating-heading h2{font-size:1.375rem;margin:0;line-height:1.5}
.assessment-page .rating-description{font-size:.875rem;line-height:1.6;margin:4px 0 0;color:#56647a}
.rating-value{display:flex;align-items:center;gap:10px;flex-shrink:0}
.rating-value>.score{padding:8px 12px;min-width:74px;justify-content:center}
.rating-value .score b{font-size:38px}
.rating-value .score>span{font-size:14px}
.rating-value>span:last-child:not(.score){font-size:.8125rem;max-width:7em;line-height:1.6;color:#44546f}
.assessment-page .rating-rationale{font-size:1.125rem;line-height:1.8;margin:0;color:#344563}
.assessment-page .research-findings{padding:0;margin:18px 0 0;border-top:1px solid #ebedf2}
.assessment-page .research-findings li{padding:14px 0 0;margin:0;border:0}
.assessment-page .research-findings li+li{margin-top:12px;border-top:1px solid #ebedf2}
.assessment-page .research-findings p{font-size:1.125rem;line-height:1.8;margin:0 0 4px;color:#172b4d}
.finding-number{font:600 1.05em Arial,sans-serif;color:#172b4d}
.assessment-page a.research-citation{display:inline-flex;gap:7px;align-items:center;min-height:28px;padding:3px 0;font:14px/1.5 Arial,sans-serif;color:#44546f;text-decoration:underline;text-decoration-color:#bbc6d6;text-underline-offset:3px}
.assessment-page a.research-citation:hover{color:#0956be;text-decoration-color:currentColor}
.assessment-page .affected-goals{font-size:1rem;line-height:1.8;padding:14px 0 0;margin:16px 0 0;border-top:1px solid #ebedf2;color:#344563}
.affected-goals>span{display:block;font-size:.875rem;color:#56647a;margin-bottom:4px}
.shared-research{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;margin-top:18px}
.shared-research>span{font-size:.8125rem;color:#56647a}
.assessment-page #section-quotes{padding-top:8px}
.assessment-page #heading-quotes{display:flex;align-items:center;gap:8px;font-size:1.375rem;margin:0 0 12px}
.assessment-page .idea-count{font-size:.875rem}
.assessment-page .topic-quotes{display:flex;flex-direction:column;gap:0;background:white;border:1px solid #dfe4ec;border-radius:8px;overflow:hidden}
.assessment-page .detail-quote{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px;padding:20px 24px;border:0;border-radius:0}
.assessment-page .detail-quote+.detail-quote{border-top:1px solid #e6eaf0}
.detail-quote-text,.detail-quote-playback{min-width:0}
.detail-quote-source{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;font-size:.875rem;line-height:1.6;margin-bottom:10px;color:#56647a}
.detail-quote-source>bdi{font:14px/1.6 Arial,sans-serif}
.assessment-page .detail-quote blockquote{font-size:1.125rem;line-height:1.8;color:#172b4d;margin:0}
.detail-quote-playback .inline-player{background:#f7f9fc;border-color:transparent}
.detail-quote-playback .inline-player>button{background:#e9f2ff;font-size:.875rem}
.detail-quote-playback .inline-timeline>div{font-size:13px}
.detail-quote-playback .inline-player select{font-size:14px}
.detail-quote-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:8px}
.detail-quote-actions .quote-context-button{margin:0;min-height:40px;padding:6px 8px;font-size:.9375rem;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:#0956be}
.detail-quote-actions .quote-context-button:hover{background:#e9f2ff}
.detail-quote-actions>a{display:flex;align-items:center;gap:8px;min-height:40px;font-size:.875rem;padding:6px 8px;text-decoration:none;color:#44546f}
.detail-quote-actions>a:hover{color:#0956be;text-decoration:underline}
.detail-quote-playback .quote-context-status{margin-top:8px}
body[data-view=topic] #transcript-dialog h2{font-size:1.375rem}
body[data-view=topic] #transcript-role{font-size:.875rem}
body[data-view=topic] .transcript-line{font-size:1.125rem}
body[data-view=topic] .transcript-audio :is(button,label){font-size:.875rem}
body[data-view=topic] .transcript-timeline>div{font-size:13px}
@media(max-width:1000px){
 .rating-value{gap:6px}
 .rating-value>span:last-child:not(.score){max-width:6em}
 .assessment-page>.rating-section{padding:18px}
 .assessment-page .detail-quote{grid-template-columns:minmax(0,1fr) 300px;gap:20px;padding:18px}
}
@media(max-width:760px){
 .assessment-page{grid-template-columns:minmax(0,1fr);gap:16px}
 body[data-view=topic] .breadcrumb{margin-block:8px;font-size:.9375rem}
 .assessment-page h1.problem-detail{line-height:1.6}
 .assessment-page .problem-label{margin-bottom:6px}
 .assessment-page #section-problem{padding-bottom:4px}
 .rating-heading{padding-bottom:14px;gap:12px}
 .rating-value>span:last-child:not(.score){max-width:6em}
 .rating-value>.score{min-width:64px;padding:8px 10px}
 .rating-value .score b{font-size:36px}
 .assessment-page .rating-heading h2{font-size:1.25rem}
 .assessment-page .rating-rationale,.assessment-page .research-findings p{font-size:1.0625rem}
 .assessment-page .detail-quote{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px}
 .assessment-page .detail-quote blockquote{font-size:1.0625rem}
 .detail-quote-actions .quote-context-button,.detail-quote-actions>a{min-height:44px}
 body[data-view=topic] .transcript-line{font-size:1.0625rem}
}
@media(max-width:360px){
 .assessment-page>.rating-section,.assessment-page .detail-quote{padding:16px}
 .rating-value{flex-direction:column;align-items:center;gap:4px}
 .rating-value>span:last-child:not(.score){text-align:center}
 .detail-quote-playback .inline-player{gap:6px;padding:4px}
 .detail-quote-playback .inline-player>button{min-width:74px;padding-inline:8px}
}
@media print{
 body[data-view=topic]{background:white}
 .assessment-page{display:block;max-width:none}
 .assessment-page>.rating-section{break-inside:avoid;margin-block:16px}
 .assessment-page .detail-quote{display:block;break-inside:avoid}
 .detail-quote-playback{display:none}
}