/* [nfh_standings] (1.4.0): leaders strip, segmented views, compact/full tables with a sticky team column. */
.nst{--s-ink:#101828;--s-ink2:#344054;--s-muted:#667085;--s-bd:#EAECF0;--s-card:#fff;--s-bg:#F6F8FB;--s-navy:#0E2240;--s-red:#C8102E;--s-green:#067647;margin:0 0 24px}

/* Top bar */
.nst__top{display:flex;flex-direction:column;gap:12px;margin:0 0 14px}
.nst__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.84rem;color:var(--s-muted)}
.nst__live{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#FBE9EC;color:var(--s-red);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nst__live i{width:7px;height:7px;border-radius:50%;background:var(--s-red);animation:nst-p 1.6s infinite}
@keyframes nst-p{50%{opacity:.3}}
.nst__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.nst .nst__tabs{display:inline-flex;gap:4px;margin:0;padding:4px;border-radius:12px;background:var(--s-bg);border:1px solid var(--s-bd)}
.nst .nst__tabs .npp-tab{min-height:40px;padding:0 18px;border:0;border-radius:9px;background:transparent;color:var(--s-ink2);font-weight:800;font-size:.9rem;cursor:pointer;box-shadow:none}
.nst .nst__tabs .npp-tab.is-on{background:var(--s-navy);color:#fff;box-shadow:0 6px 14px -8px rgba(14,34,64,.7)}
.nst__full{min-height:40px;padding:0 14px;border:1px solid var(--s-bd);border-radius:10px;background:var(--s-card);color:var(--s-ink2);font-weight:700;font-size:.84rem;cursor:pointer}
.nst__full[aria-pressed="true"]{border-color:var(--s-navy);color:var(--s-navy)}

/* Leaders strip */
.nst ul.nst__lead{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.nst__lead li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-areas:"k k" "l b" "l v";column-gap:10px;row-gap:1px;align-items:center;margin:0;padding:12px 12px 12px 14px;border:1px solid var(--s-bd);border-radius:14px;background:var(--s-card)}
.nst__lead li::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--s-navy)}
.nst__lead li:nth-child(even)::before{background:var(--s-red)}
.nst__lead small{grid-area:k;margin-bottom:6px;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--s-muted)}
.nst__lead img{grid-area:l;width:28px;height:28px;object-fit:contain}
.nst__lead b{grid-area:b;font-size:.95rem;color:var(--s-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nst__lead span{grid-area:v;font-size:.78rem;font-weight:700;color:var(--s-ink2)}

/* Panes: divisions in two columns on wide screens */
.nst__pane--division:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.nst__pane--conference:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.nst.is-full .nst__pane--division:not([hidden]),.nst.is-full .nst__pane--conference:not([hidden]){grid-template-columns:1fr}
.nst__box{margin:0;border:1px solid var(--s-bd);border-radius:16px;background:var(--s-card);overflow:hidden;min-width:0}
.nst__pane--league .nst__box,.nst__pane--conference .nst__box{margin-bottom:16px}
.nst .nst__h{display:flex;align-items:center;gap:8px;margin:0;padding:12px 16px;border-bottom:1px solid var(--s-bd);font-family:var(--npp-display,inherit);font-size:1.02rem;color:var(--s-ink);background:linear-gradient(180deg,var(--s-card),var(--s-bg))}
.nst .nst__h::before{content:"";width:4px;height:18px;border-radius:2px;background:var(--s-navy)}
.nst__box--nfc .nst__h::before{background:var(--s-red)}
.nst__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}

/* Table */
.nst table.nst__t{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;font-size:.88rem;font-variant-numeric:tabular-nums}
.nst__t th,.nst__t td{padding:9px 8px;border:0;border-bottom:1px solid var(--s-bd);text-align:center;white-space:nowrap;background:var(--s-card)}
.nst__t thead th{position:sticky;top:0;z-index:2;padding:8px;background:var(--s-bg);color:var(--s-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nst__t tbody tr:last-child>*{border-bottom:0}
.nst__t tbody tr:hover>*{background:#F9FAFB}
.nst__t .nst__n{width:34px;padding-left:12px;color:var(--s-muted);font-weight:700}
.nst__t .nst__n span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:7px;font-size:.78rem}
.nst__t .nst__team{position:sticky;left:0;z-index:1;text-align:left;min-width:170px}
.nst__t thead .nst__team{z-index:3}
.nst__tm{display:flex;align-items:center;gap:9px;font-weight:700}
.nst__tm img{width:24px;height:24px;object-fit:contain;flex:none}
.nst__tm a{color:var(--s-ink)!important;text-decoration:none!important}
.nst__tm a:hover{color:var(--s-red)!important}
.nst__tm .npp-nick{display:none}
.nst__w{font-weight:800;color:var(--s-ink)}
.nst__pct{font-weight:700;color:var(--s-ink)}
.nst__gb{color:var(--s-muted)}
.nst__net.is-pos{color:var(--s-green);font-weight:700}
.nst__net.is-neg{color:#B42318;font-weight:700}
.nst__sk{font-weight:700}
.nst__sk.is-w{color:var(--s-green)}
.nst__sk.is-l{color:#B42318}
.nst__t .x{display:none}
.nst.is-full .nst__t .x{display:table-cell}
.nst__cl{margin-left:2px;padding:1px 6px;border-radius:6px;background:#ECFDF3;color:var(--s-green);font-size:.66rem;font-weight:800;text-decoration:none;border:0;cursor:help}
.nst__cl--e{background:#FEF3F2;color:#B42318}
/* Seeds and the playoff line */
.nst__t tr.is-div .nst__n span{background:var(--s-navy);color:#fff}
.nst__t tr.is-wc .nst__n span{background:#FBE9EC;color:var(--s-red)}
.nst__t tr.is-div>.nst__team,.nst__t tr.is-wc>.nst__team{box-shadow:inset 3px 0 0 var(--s-navy)}
.nst__t tr.is-wc>.nst__team{box-shadow:inset 3px 0 0 var(--s-red)}
.nst__t tr.is-line>*{border-bottom:2px dashed #F5A3B1}
.nst__t--conf tr.is-line .nst__team{position:sticky}
.nst__t tr.is-out .nst__tm a{color:var(--s-muted)!important}
.nst__t tr.is-out img{opacity:.5}
/* Sortable headers (League) */
.nst__t th[data-sort]{cursor:pointer;user-select:none}
.nst__t th[aria-sort]{color:var(--s-red)}
.nst__t th[aria-sort="descending"]::after{content:" ▾"}
.nst__t th[aria-sort="ascending"]::after{content:" ▴"}

/* Key */
.nst__key{display:flex;flex-wrap:wrap;gap:6px 14px;margin:14px 0 6px;font-size:.78rem;color:var(--s-muted)}
.nst__key span{display:inline-flex;align-items:center;gap:6px}
.nst__key b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;background:#ECFDF3;color:var(--s-green);font-size:.68rem}
.nst__k{width:14px;height:14px;border-radius:4px;background:var(--s-navy)}
.nst__k--wc{background:#FBE9EC;box-shadow:inset 0 0 0 1px var(--s-red)}

/* Responsive */
@media (max-width:1100px){.nst ul.nst__lead{grid-template-columns:repeat(3,minmax(0,1fr))}.nst__lead li:nth-child(n+4){display:none}}
@media (max-width:900px){.nst__pane--division:not([hidden]),.nst__pane--conference:not([hidden]){grid-template-columns:1fr}}
@media (max-width:640px){
	.nst .nst__tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
	.nst .nst__tabs .npp-tab{padding:0 6px}
	.nst__bar{flex-direction:column;align-items:stretch}
	.nst__full{width:100%}
	.nst ul.nst__lead{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 0 14px}
	.nst ul.nst__lead::-webkit-scrollbar{display:none}
	.nst__lead li,.nst__lead li:nth-child(n+4){display:grid;flex:0 0 62%;scroll-snap-align:start}
	.nst__t{font-size:.84rem}
	.nst__t th,.nst__t td{padding:9px 6px}
	.nst__t .nst__team{min-width:118px}
	.nst__tm .npp-full{display:none}
	.nst__tm .npp-nick{display:inline}
	.nst__t .nst__n{padding-left:8px;width:28px}
	.nst__t .nst__dv{display:none}
	.nst.is-full .nst__t .nst__dv{display:table-cell}
	.nst .nst__h{font-size:.95rem;padding:10px 12px}
}

/* Dark */
html[data-theme="dark"] .nst{--s-ink:#F2F4F7;--s-ink2:#D0D5DD;--s-muted:#98A2B3;--s-bd:#2B3A58;--s-card:#172238;--s-bg:#1E2C48;--s-green:#47CD89}
html[data-theme="dark"] .nst__t tbody tr:hover>*{background:#1B2840}
html[data-theme="dark"] .nst .nst__tabs .npp-tab.is-on{background:#2E90FA}
html[data-theme="dark"] .nst__net.is-neg,html[data-theme="dark"] .nst__sk.is-l{color:#F97066}
html[data-theme="dark"] .nst__cl,html[data-theme="dark"] .nst__key b{background:rgba(71,205,137,.15)}
html[data-theme="dark"] .nst__live{background:rgba(200,16,46,.18);color:#FF8A95}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .nst{--s-ink:#F2F4F7;--s-ink2:#D0D5DD;--s-muted:#98A2B3;--s-bd:#2B3A58;--s-card:#172238;--s-bg:#1E2C48;--s-green:#47CD89}}
@media (prefers-reduced-motion:reduce){.nst__live i{animation:none}}
@media (max-width:640px){
	.nst__t th,.nst__t td{padding:9px 5px}
	.nst__t{font-size:.82rem}
	.nst__t--div .nst__n{display:none}
	.nst__t .nst__team{min-width:104px;padding-left:10px}
	.nst__tm{gap:7px}.nst__tm img{width:22px;height:22px}
	.nst__bar{flex-direction:row;flex-wrap:nowrap}
	.nst .nst__tabs{flex:1}
	.nst__full{width:auto;padding:0 10px;font-size:.78rem}
}

/* Glossary (1.8.4) */
.nst__gloss{margin:16px 0 4px;border:1px solid var(--s-bd);border-radius:16px;background:var(--s-card);overflow:hidden}
.nst__gloss summary{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:14px 16px;cursor:pointer;list-style:none;background:linear-gradient(180deg,var(--s-card),var(--s-bg))}
.nst__gloss summary::-webkit-details-marker{display:none}
.nst__gloss summary::after{content:"";width:8px;height:8px;margin-left:auto;border-right:2px solid var(--s-muted);border-bottom:2px solid var(--s-muted);transform:rotate(45deg);transition:transform .2s}
.nst__gloss[open] summary::after{transform:rotate(-135deg)}
.nst__gi{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--s-navy);color:#fff;font-family:Georgia,serif;font-style:italic;font-weight:700}
.nst__gloss summary b{font-size:.98rem;color:var(--s-ink)}
.nst__gloss summary small{font-size:.8rem;color:var(--s-muted)}
.nst__gbody{padding:4px 16px 16px;border-top:1px solid var(--s-bd)}
.nst__marks{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.nst__marks span{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--s-bd);border-radius:999px;background:var(--s-bg);font-size:.8rem;color:var(--s-ink2)}
.nst__marks b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;background:#ECFDF3;color:var(--s-green);font-size:.7rem}
.nst__marks b.is-e{background:#FEF3F2;color:#B42318}
.nst__k--line{width:18px!important;height:0!important;border-radius:0!important;background:none!important;border-top:2px dashed #F5A3B1}
.nst dl.nst__terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0}
.nst__terms div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:baseline;margin:0;padding:10px 12px;border:1px solid var(--s-bd);border-radius:12px;background:var(--s-card)}
.nst__terms dt{margin:0;font-size:.74rem;font-weight:800;letter-spacing:.04em;color:var(--s-navy)}
.nst__terms dd{margin:0;font-size:.82rem;line-height:1.45;color:var(--s-ink2)}
.nst .nst__how{margin:12px 0 0;font-size:.8rem;line-height:1.55;color:var(--s-muted)}
.nst__key{display:none}
@media (max-width:640px){.nst dl.nst__terms{grid-template-columns:1fr}.nst__terms div{grid-template-columns:84px minmax(0,1fr)}}
html[data-theme="dark"] .nst__gi{background:#2E90FA}
html[data-theme="dark"] .nst__terms dt{color:#84CAFF}
html[data-theme="dark"] .nst__marks b{background:rgba(71,205,137,.15)}
html[data-theme="dark"] .nst__marks b.is-e{background:rgba(249,112,102,.15);color:#F97066}

/* Mobile fixes (1.9.5) */
/* A table with overflow:hidden (theme rule) is its own scroll box, which stops the sticky team column. */
.nst table.nst__t{overflow:visible!important}
.nst__t .nst__team{background:var(--s-card);box-shadow:6px 0 8px -8px rgba(16,24,40,.35)}
/* Full stats toggle: clear on and off states; no sticky hover on touch */
.nst__full{white-space:nowrap}
.nst__full[aria-pressed="true"]{background:var(--s-navy)!important;border-color:var(--s-navy)!important;color:#fff!important}
@media (hover:hover){.nst__full:hover{border-color:var(--s-navy)}}
@media (hover:none){.nst__full:hover,.nst__full:focus{background:var(--s-card);color:var(--s-ink2)}.nst__full[aria-pressed="true"]:hover,.nst__full[aria-pressed="true"]:focus{background:var(--s-navy)!important;color:#fff!important}}
html[data-theme="dark"] .nst__full[aria-pressed="true"]{background:#2E90FA!important;border-color:#2E90FA!important}
/* Phones: the three views on one full row, the toggle on its own row */
@media (max-width:640px){
	.nst__bar{flex-direction:column!important;align-items:stretch!important;gap:8px}
	.nst .nst__tabs{width:100%;display:grid;grid-template-columns:1fr 1.25fr 1fr}
	.nst .nst__tabs .npp-tab{padding:0 4px;font-size:.86rem;white-space:nowrap}
	.nst__full{width:100%;min-height:38px;font-size:.84rem}
	.nst__lead li,.nst__lead li:nth-child(n+4){flex:0 0 72%}
}
html[data-theme="dark"] .nst__k--div,html[data-theme="dark"] .nst__key i.nst__k--div{background:#2E90FA!important}
html[data-theme="dark"] .nst__k--wc{background:rgba(200,16,46,.25)!important;box-shadow:inset 0 0 0 1px #F97066!important}
html[data-theme="dark"] .nst__terms div{background:#172238}
/* Phones (2.23.3): leader cards as a 2-column grid instead of a hidden sideways scroller */
@media (max-width:640px){
	.nst ul.nst__lead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;scroll-snap-type:none}
	.nst__lead li,.nst__lead li:nth-child(n+4){flex:none;padding:10px 10px 10px 12px}
	.nst__lead li:last-child:nth-child(odd){grid-column:1/-1}
}
