/* Current HistoryPage keeps the score and disclosure beside the course on phones. */
.ps-history { padding:16px; }
.ps-history-tabs { gap:12px; margin-bottom:24px; }
.ps-history-tabs>button { min-height:88px; padding:16px; gap:4px; border-radius:12px; }
.ps-history-tabs>button>span { font-size:24px; font-weight:900; line-height:32px; }
.ps-history-tabs>button>strong { font-size:12px; line-height:16px; letter-spacing:.025em; }
.ps-history-tabs>button>span .ps-sc-icon { width:24px; height:24px; }
.ps-history-tabs>button.is-analysis.is-active {
  border-color:var(--ps-info);
  background:color-mix(in srgb, var(--ps-info) 10%, var(--ps-bg-surface));
  color:var(--ps-info);
}
.ps-history-filters { gap:8px; margin-bottom:16px; }
.ps-history-filters button { min-height:28px; padding:6px 12px; border:0; font-size:12px; line-height:16px; font-weight:600; }
.theme-light .ps-history-filters button.is-active { color:var(--ps-text-primary); }
.ps-history-score { border-radius:12px; }
.ps-history-score__summary { grid-template-columns:64px minmax(0,1fr) auto 20px; gap:12px; padding:16px; }
.ps-history-score__course-image { width:64px; height:64px; font-size:24px; border-radius:12px; }
.ps-history-score__summary>.ps-sc-icon { display:block; width:20px; height:20px; margin-top:0; }
.ps-history-score__copy { gap:0; }
.ps-history-score__copy>strong { font-family:Manrope,sans-serif; font-size:16px; font-weight:700; line-height:24px; text-transform:uppercase; letter-spacing:-.025em; }
.ps-history-score__copy>small { font-size:14px; line-height:20px; white-space:normal; }
.ps-history-score__copy>span { margin-top:8px; gap:8px; }
.ps-history-score__copy em { padding:2px 8px; font-size:12px; line-height:16px; font-weight:700; background:transparent; }
.ps-history-score__copy em.is-waiting,.ps-history-score__copy em.is-worst { background:transparent; }
.ps-history-score__total { grid-column:auto; justify-self:auto; padding:6px 12px; gap:4px; font-size:14px; line-height:20px; background:transparent; white-space:nowrap; }
.ps-history-score__total.is-good,.ps-history-score__total.is-even { background:transparent; }
.ps-history-score__total.is-even { color:var(--ps-info); }
.ps-history-score__total small { font-size:12px; opacity:.8; }
.ps-history-score>footer { padding:0 16px 16px; }
.ps-history-score>footer button { gap:6px; padding:6px 12px; font-size:12px; line-height:16px; font-weight:500; background:transparent; }
.ps-history-score>footer button .ps-sc-icon { width:14px; height:14px; }
.ps-history-score>footer small { font-size:12px; line-height:16px; }