/* Local presentation refinement only. No eligibility, score, or account changes. */
html .result-page {
  --ink: #172c48;
  --muted: #50617a;
  --blue: #105ac5;
  --glass-fill: rgba(250, 252, 255, .95);
}
html .result-page :is(button, input, select),
html .query-history-dialog :is(button, a) { touch-action: manipulation; }
html .result-page :is(button, input, select, a):focus-visible,
html .query-history-dialog :is(button, a):focus-visible {
  outline: 3px solid #105ac5;
  outline-offset: 3px;
}
html .result-page button,
html .query-history-dialog button {
  transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}
html .result-page .query-segment-track > button:active { transform: none; background-color: #dceaff; }
html .result-page :is(.header-action, .back-button, .mobile-action-btn--tab):active { background-color: #dceaff; }
html .query-history-close { min-width: 60px; min-height: 44px; font-size: 14px; }
html .query-history-dialog__body a { display: inline-flex; align-items: center; min-height: 44px; line-height: 1.6; }
html .query-history-dialog__body code { overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }

@media (max-width: 768px) {
  /* Keep the contextual filter summary, rather than repeat statistics above it. */
  html .result-page .hero-stat-grid { display: none; }
  html .result-page .utility-dock { display: none; }
  html .result-page .ios-shell { padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)); }
  html .result-page .hero-card__body { margin-top: 10px; }
  html .result-page .hero-copy h1 { font-size: clamp(24px, 6.3vw, 29px); letter-spacing: 0; }
  html .result-page .hero-copy > p { margin-top: 4px; color: #50617a; }
  html .result-page .lz-query-brand--result .lz-brand__copy small { font-size: 12px; line-height: 1.5; color: #50617a; }
  html .result-page .grade-switch-hint { margin-top: 10px; font-size: 13px; background: #f5f8fc; color: #455872; }
  html .result-page .result-stage { margin-top: 18px; }
  html .result-page .section-headline h2 { font-size: 20px; }
  html .result-page .section-headline p { font-size: 13px; color: #50617a; }
  html .result-page .result-sort-bar { padding: 8px; border-radius: 16px; background: #f7faff; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: 0 2px 8px #243b6009; }
  html .result-page .el-input__inner::placeholder { color: #60718a; opacity: 1; }
  html .result-page .compact-results-list > .query-filter-summary { padding: 10px 12px; margin-bottom: 10px; background: #edf3fb; }
  html .result-page .query-filter-summary__scope,
  html .result-page .query-filter-summary__values span,
  html .result-page .query-filter-summary__note,
  html .result-page .compact-results-list .history-list-note small {
    font-size: 12px; line-height: 1.5; color: #4e617b;
  }
  html .result-page .query-filter-summary__values { gap: 6px; }
  html .result-page .compact-results-list .query-filter-summary__values strong { font-size: 18px; line-height: 1.4; color: #203d62; }
  html .result-page .compact-results-list .history-list-note { flex-wrap: wrap; gap: 4px 10px; margin: 12px 0 8px; }
  html .result-page .compact-list-heading { top: 0; background: #edf3fb; border-color: #d8e3f1; border-radius: 10px 10px 0 0; color: #405672; }
  html .result-page .compact-heading-current { color: #0753b6; }
  html .result-page .compact-results-list .history-school-card { padding-top: 10px; padding-bottom: 10px; min-height: 88px; gap: 5px 10px; }
  html .result-page .compact-results-list .history-school-card__head h3 { font-size: 15px; line-height: 1.5; color: #172c48; }
  html .result-page .compact-results-list .history-school-card__head p { color: #485f7b; }
  html .result-page .compact-results-list .history-card-meta { color: #50617a; font-size: 12px; line-height: 1.6; }
  html .result-page .compact-results-list .history-status { font-size: 12px; line-height: 1.5; }
  html .result-page .compact-results-list .history-score-cell strong.history-score-missing { color: #50617a; }
  html .result-page .compact-results-list .compact-row-trigger::after { right: 9px; bottom: 9px; color: #4e6581; }
  html .result-page .compact-results-list .compact-row-trigger:active { background: #105ac512; }
  html .result-page .subject-group-trigger { min-height: 56px; }
  html .result-page .trend-card__head small,
  html .result-page .trend-years,
  html .result-page .trust-footer__item { font-size: 12px; color: #50617a; }
  html .result-page .mobile-action-bar { background: #f8fbfff2; border-color: #dce6f2; box-shadow: 0 4px 18px #27466f1a; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
  html .result-page .mobile-action-btn--tab { font-size: 14px; min-height: 44px; }
  html .query-history-dialog { max-height: 90vh; max-height: 90dvh; }
  html .query-history-dialog__head { padding: 16px; gap: 12px; background: #f8fbfff2; }
  html .query-history-dialog__head h2 { font-size: 18px; line-height: 1.5; overflow-wrap: anywhere; }
  html .query-history-dialog__body { padding: 0 16px calc(24px + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) {
  html .result-page *, html .query-history-dialog *, html .query-history-dialog {
    transition: none !important; animation: none !important; scroll-behavior: auto !important;
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  html .result-page .mobile-action-bar, html .query-history-dialog__head {
    background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none;
  }
}