/* basketballapi.net: /status. Frames Uni's status kit. Scoped under .st-page so it outranks the kit's own inline style. */
.st-page { padding-top: 36px; padding-bottom: 64px; }
.st-page .ust { --ust-accent: #C2410C; --ust-line: #EAECF0; --ust-r: 12px; --ust-ok: #12B76A; --ust-warn: #F79009; --ust-fail: #F04438; --ust-none: #E4E7EC; max-width: none; }
.st-page .ust-kick { font: 600 12px "IBM Plex Sans", sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #C2410C; }
.st-page .ust-h1 { font: 800 36px/1.12 "Sora", sans-serif; letter-spacing: -0.035em; margin: 6px 0 20px; }
.st-page .ust-h2 { font: 700 19px/1.3 "Sora", sans-serif; letter-spacing: -0.02em; margin: 34px 0 12px; }
.st-page .ust-ban { display: flex; align-items: center; gap: 18px; padding: 22px 26px; border-radius: 14px; }
.st-page .ust-ban b { font: 700 20px/1.3 "Sora", sans-serif; letter-spacing: -0.02em; }
.st-page .ust-ban.ok { border: 1px solid #ABEFC6; background: #ECFDF3; }
.st-page .ust-ban.ok b { color: #054F31; }
.st-page .ust-ban.ok .ust-x, .st-page .ust-ban.ok .ust-tm { color: #067647; }
.st-page .ust-x { font-size: 14.5px; }
.st-page .ust-sp { flex: 1; }
.st-page .ust-tm { font-size: 13px; white-space: nowrap; }
.st-page .ust-dot { width: 16px; height: 16px; flex: none; }
.st-page .ust-ban.ok .ust-dot { border-radius: 50%; background: var(--ust-ok); box-shadow: 0 0 0 6px rgba(18, 183, 106, .18); }
.st-page .ust-figs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
.st-page .ust-figs div { background: #fff; border: 1px solid var(--ust-line); border-radius: 12px; padding: 16px 18px; }
.st-page .ust-figs span { display: block; font-size: 13px; color: #667085; }
.st-page .ust-figs b { display: block; margin-top: 2px; font: 800 28px/1.15 "Sora", sans-serif; letter-spacing: -0.03em; }
.st-page .ust-side { display: block; }
.st-page .ust-card { background: #fff; border: 1px solid var(--ust-line); border-radius: 14px; overflow: hidden; }
.st-page .ust-comp { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 20px; align-items: center; padding: 20px 24px; border-bottom: 1px solid var(--ust-line); }
.st-page .ust-comp:last-child { border-bottom: 0; }
.st-page .ust-n { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; grid-column: 1; grid-row: 1; }
.st-page .ust-n b { font: 700 16px "Sora", sans-serif; letter-spacing: -0.01em; }
.st-page .ust-n span { font: 600 12.5px "IBM Plex Sans", sans-serif; border-radius: 999px; padding: 3px 10px; }
.st-page .ust-n .ok { color: #067647; background: #ECFDF3; }
.st-page .ust-n .dg { color: #B54708; background: #FFFAEB; }
.st-page .ust-n .dn { color: #B42318; background: #FEF3F2; }
.st-page .ust-n .uk { color: #475467; background: #F2F4F7; }
.st-page .ust-u { grid-column: 2; grid-row: 1; text-align: right; font: 800 20px/1.1 "Sora", sans-serif; letter-spacing: -0.02em; }
.st-page .ust-u small { display: block; font: 400 12px "IBM Plex Sans", sans-serif; color: #667085; letter-spacing: 0; }
.st-page .ust-b { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
.st-page .ust-bars { display: flex; gap: 2px; height: 42px; }
.st-page .ust-bars i { flex: 1; min-width: 0; border-radius: 3px; background: var(--ust-ok); }
.st-page .ust-bars i.n { background: var(--ust-none); }
.st-page .ust-bars i.p { background: var(--ust-warn); }
.st-page .ust-bars i.f { background: var(--ust-fail); }
.st-page .ust-ax { display: flex; justify-content: space-between; font-size: 12px; color: #667085; margin-top: 8px; }
.st-page .ust-leg { display: flex; gap: 18px; flex-wrap: wrap; font-size: 13px; color: #667085; margin-top: 12px; }
.st-page .ust-leg span { display: flex; gap: 7px; align-items: center; }
.st-page .ust-leg i { width: 11px; height: 11px; border-radius: 3px; background: var(--ust-ok); }
.st-page .ust-leg i.p { background: var(--ust-warn); }
.st-page .ust-leg i.f { background: var(--ust-fail); }
.st-page .ust-side > div:first-child > .ust-card:last-of-type { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.st-page .ust-day { padding: 14px 18px; border-right: 1px solid var(--ust-line); border-bottom: 1px solid var(--ust-line); }
.st-page .ust-d { font: 700 14px "Sora", sans-serif; margin-bottom: 2px; }
.st-page .ust-q { font-size: 13.5px; color: #667085; }
.st-page .ust-side > div:last-child { padding-top: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 34px; }
.st-page .ust-help { padding: 20px 22px; }
.st-page .ust-help b { display: block; font: 700 16px "Sora", sans-serif; margin-bottom: 6px; }
.st-page .ust-help p { margin: 0 0 14px; color: #475467; font-size: 14.5px; }
.st-page .ust-help code { font: 500 13px "IBM Plex Mono", monospace; background: #F2F4F7; border-radius: 5px; padding: 1px 5px; }
.st-page .ust-btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; padding: 9px 16px; font-weight: 600; border: 1px solid #D0D5DD; margin: 4px 8px 0 0; white-space: nowrap; }
.st-page .ust-btn.p { background: #F97316; border-color: #F97316; color: #0B1220; }
@media (max-width: 760px) {
  .st-page { padding-top: 24px; padding-bottom: 48px; }
  .st-page .ust-h1 { font-size: 28px; }
  .st-page .ust-figs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .st-page .ust-side > div:last-child { grid-template-columns: minmax(0, 1fr); }
  .st-page .ust-ban { flex-wrap: wrap; padding: 18px; }
  .st-page .ust-comp { padding: 16px; }
  .st-page .ust-bars { gap: 1px; height: 34px; }
}