/* Live scoring feed + stack row for /onisai. Loaded only on that page. */
.live-feed{border:1px solid var(--reading-border);border-radius:16px;background:var(--reading-surface);padding:clamp(20px,4vw,32px);margin:40px auto}
.live-feed__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.live-feed__label{font:500 12px/20px var(--sans);letter-spacing:.06em;color:#7d8298;margin:0 0 8px}
.live-feed__head p{font-size:14px;line-height:22px;color:#9296a6;margin:0;max-width:52ch}
.live-feed__replay{flex-shrink:0;font:500 13px var(--sans);padding:9px 16px;border-radius:999px;border:1px solid var(--reading-border);background:#14151b;color:#e5e7ec;cursor:pointer}
.live-feed__replay:hover{background:#1c1e26;border-color:#3d94e6}
.live-feed__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}
.live-feed__stat{text-align:center;padding:14px 6px;background:#14151b;border-radius:10px}
.live-feed__stat strong{display:block;font:500 21px/1.2 var(--sans);letter-spacing:-.01em}
.live-feed__stat span{display:block;margin-top:4px;font-size:11px;line-height:15px;color:#9296a6}
.live-feed__table-wrap{max-height:360px;overflow-y:auto;border:1px solid var(--reading-border);border-radius:10px}
table.live-feed__table{width:100%;border-collapse:collapse;font-size:12.5px}
.live-feed__table thead th{position:sticky;top:0;background:var(--reading-surface);text-align:left;padding:9px 10px;border-bottom:1px solid var(--reading-border);font-weight:500;color:#9296a6;white-space:nowrap}
.live-feed__table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}
.live-feed__table tbody tr:last-child td{border-bottom:0}
.live-feed__table tbody tr.is-new{animation:feedIn .5s ease}
@keyframes feedIn{from{background:rgba(10,102,194,.22)}to{background:transparent}}
.chip{display:inline-block;font:500 11px var(--sans);padding:3px 8px;border-radius:999px}
.chip.v-good{background:rgba(47,191,130,.16);color:#2fbf82}
.chip.v-bad{background:rgba(240,96,122,.16);color:#f0607a}
.chip.v-low{background:rgba(255,255,255,.08);color:#9296a6}
.chip.p-close{background:rgba(47,191,130,.16);color:#2fbf82}
.chip.p-slight{background:rgba(224,165,48,.16);color:#e0a530}
.chip.p-far{background:rgba(240,96,122,.16);color:#f0607a}
.live-feed__ccz{font-size:10.5px;color:#e0a530;margin-left:4px}
.stack-row{display:flex;flex-wrap:wrap;gap:10px;margin:32px auto 12px;scroll-margin-top:90px}
.stack-chip{font:500 12px var(--sans);padding:8px 14px;border:1px solid var(--reading-border);border-radius:999px;background:var(--reading-surface);color:#e5e7ec}
.stack-caption{font-size:13px;line-height:21px;color:#9296a6;margin-top:0}
.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}
.learn-card{background:#14151b;border-radius:10px;padding:14px 12px;transition:background .3s ease}
.learn-card span{display:block;font:500 11px var(--sans);color:#9296a6;margin-bottom:6px}
.learn-card strong{display:block;font:500 18px/1.2 var(--sans);letter-spacing:-.01em}
.learn-card small{display:block;margin-top:6px;font-size:10.5px;color:#9296a6}
.learn-card.is-live{background:rgba(10,102,194,.16)}
.learn-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.10);overflow:hidden;margin-top:8px}
.learn-bar i{display:block;height:100%;width:0%;background:#3d94e6;border-radius:99px;transition:width .4s ease}
.learn-route{margin-bottom:20px}
.learn-route__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.learn-route__list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#14151b;border-radius:10px;font-size:12.5px;transition:background .3s ease}
.learn-route__list li span{color:#e5e7ec;font-weight:500}
.learn-route__list li b{font:500 13px var(--sans)}
.learn-route__list li small{color:#9296a6;font-size:11px}
.learn-route__list li.is-live{background:rgba(10,102,194,.16)}
.learn-readiness{border-top:1px solid var(--reading-border);padding-top:16px}
.learn-readiness__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font:500 13px var(--sans)}
.learn-readiness__head strong{font-size:18px;color:#3d94e6}
.learn-bar--lg{height:8px;margin-top:0;margin-bottom:10px}
.learn-bar--lg i{background:#0a66c2}
.learn-readiness p{font-size:13px;line-height:21px;color:#9296a6;margin:8px 0 0}
.before-after-grid{display:grid;gap:14px;margin:28px 0}
.before-after-card{background:var(--reading-surface);border:1px solid var(--reading-border);border-radius:14px;padding:20px 22px}
.before-after-card>.live-feed__label{margin-bottom:16px}
.before-after-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.before-after-row>div>span{display:block;font:600 10.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}
.before-after-row>div:first-child>span{color:#9296a6}
.before-after-row>div:last-child>span{color:#2fbf82}
.before-after-row p{font-size:14px;line-height:1.65;color:var(--text);margin:0}
.before-after-card .stack-caption{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--reading-border)}
@media(max-width:600px){
.live-feed__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.live-feed{padding:20px 16px}
.live-feed__table{font-size:11.5px}
.live-feed__table th,.live-feed__table td{padding:7px 8px}
.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.learn-route__list li{flex-wrap:wrap}
.before-after-row{grid-template-columns:1fr;gap:14px}
.before-after-card{padding:18px 16px}
}