.award-app:has(.award-comparison) { max-width:1480px; }
.award-comparison { margin-top:24px; }
.comparison-heading,.comparison-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:20px; }
.comparison-heading h2 { font-size:24px; margin:0; }
.comparison-toolbar { margin-top:20px; }
.comparison-toolbar .aspi-field { width:320px; max-width:100%; }
.comparison-meta,.comparison-note { font-size:14px; color:#4b5563; }
.comparison-note { margin:12px 0; }
.comparison-scroll { max-height:65vh; overflow:auto; border-top:2px solid #1f2937; }
.comparison-scroll:focus-visible { outline:2px solid #1f2937; outline-offset:4px; }
.comparison-table { width:100%; min-width:1180px; border-collapse:separate; border-spacing:0; font-size:14px; font-variant-numeric:tabular-nums; }
.comparison-table th,.comparison-table td { padding:12px 8px; border-right:1px solid #d7dce1; border-bottom:1px solid #d7dce1; vertical-align:middle; white-space:nowrap; }
.comparison-table thead th { background:#f4f5f6; text-align:center; font-weight:700; }
.comparison-table thead { position:sticky; top:0; z-index:3; }
.comparison-table .comparison-name { position:sticky; left:0; z-index:2; min-width:132px; max-width:192px; background:#fff; text-align:left; border-right:2px solid #6b7280; }
.comparison-table thead .comparison-name { background:#f4f5f6; z-index:4; }
.comparison-table small { display:block; font-size:12px; font-weight:400; }
.comparison-table .comparison-no { text-align:center; }
.comparison-table .comparison-value { text-align:center; }
/* Preserve the six original HR BASE backgrounds. Band 4 ink is dark for AA. */
.comparison-table .band-1 { background:#cfe2f3; }
.comparison-table .band-2 { background:#9fc5e8; }
.comparison-table .band-3 { background:#6fa8dc; }
.comparison-table .band-4 { background:#3d85c6; color:#111111; }
.comparison-table .band-5 { background:#0b5394; color:#ffff00; }
.comparison-table .band-6 { background:#0000ff; color:#ffff00; }
.comparison-definitions { margin-top:20px; font-size:14px; }
.comparison-definitions summary { min-height:38px; cursor:pointer; text-decoration:underline; }
.comparison-definitions dl { max-width:640px; }
.comparison-definitions dl>div { display:grid; grid-template-columns:1fr 1fr; gap:16px; border-bottom:1px solid #d7dce1; padding:8px 0; }
.comparison-definitions dd { margin:0; }
.comparison-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:720px) {
 .comparison-toolbar { align-items:flex-start; flex-direction:column; gap:12px; }
 .comparison-heading { align-items:center; gap:8px; }
 .comparison-heading .aspi-btn { padding:8px; white-space:nowrap; }
 .award-app:has(.award-comparison)>.award-title { font-size:20px; }
 .comparison-heading h2 { font-size:20px; }
 .comparison-meta { margin:0; }
 .comparison-table { font-size:14px; }
 .comparison-scroll { max-height:60vh; }
 .comparison-definitions summary { min-height:44px; }
}
@media(prefers-reduced-motion:reduce) { .award-comparison * { scroll-behavior:auto; } }