/* Box score (scorer sheet and public game page) */
.bx { --bx-ink: #1c2230; --bx-muted: #5d6676; --bx-rule: #dfe3e8; --bx-head: #1f2933; --bx-band: #f3f5f7; color: var(--bx-ink); font-variant-numeric: tabular-nums; }
.bx-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.bx-t { width: 100%; border-collapse: collapse; font-size: .9rem; line-height: 1.25; }
.bx-t th, .bx-t td { padding: 5px 7px; text-align: right; border-bottom: 1px solid var(--bx-rule); white-space: nowrap; }
.bx-t thead th { background: var(--bx-head); color: #fff; font-weight: 600; font-size: .8rem; }
.bx-t thead th:first-child, .bx-t tbody th { text-align: left; }
.bx-t tbody th { font-weight: 600; }
.bx-t tbody th small { font-weight: 400; color: var(--bx-muted); margin-left: 2px; }
.bx-t tbody tr:nth-child(even) { background: var(--bx-band); }
.bx-sub th { padding-left: 18px !important; }
.bx-l { color: var(--bx-muted); font-weight: 400; margin-right: 2px; }
.bx-tot th, .bx-tot td { font-weight: 700; border-top: 2px solid var(--bx-ink); background: #fff !important; }
.bx-line { margin-bottom: 4px; }
.bx-line td, .bx-line thead th { text-align: center; min-width: 26px; }
.bx-line .bx-r { font-weight: 700; border-left: 2px solid var(--bx-rule); }
.bx-dec { margin: 6px 0 14px; font-size: .95rem; }
.bx-grid { display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 14px; }
.bx-team { background: #fff; border: 1px solid var(--bx-rule); border-radius: 8px; overflow: hidden; min-width: 0; }
.bx-h { margin: 0; padding: 8px 10px; background: var(--bx-head); color: #fff; font-size: .95rem; text-transform: uppercase; letter-spacing: .04em; }
.bx-subs { margin: 6px 10px; font-size: .85rem; color: var(--bx-muted); }
.bx-notes { padding: 6px 10px 10px; }
.bx-notes h4 { margin: 6px 0 4px; font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: var(--bx-muted); }
.bx-notes p { margin: 0 0 4px; font-size: .9rem; line-height: 1.4; }
.bx-notes-all { margin-top: 14px; }
/* Side by side only when the box itself is wide enough (not just the screen). */
.bx { container-type: inline-size; }
@container (min-width: 960px) {
	.bx-grid { grid-template-columns: 1fr 1fr; }
}
.bx h3.bx-h { margin: 0; font-size: .95rem; line-height: 1.3; }
.bx .bx-notes h4 { margin: 6px 0 4px; font-size: .8rem; }