/* [nfh_playoff_picture] (1.5.0): status hero, today's Wild Card matchups, seeds with the playoff line, races. */
.npc{--c-ink:#101828;--c-ink2:#344054;--c-muted:#667085;--c-bd:#EAECF0;--c-card:#fff;--c-bg:#F6F8FB;--c-navy:#0E2240;--c-red:#C8102E;--c-green:#067647;margin:0 0 24px}

/* Status hero */
.npc .npp-pic__hero{position:relative;overflow:hidden;margin:0 0 18px;padding:22px 24px;border-radius:20px;color:#fff;background:radial-gradient(70% 120% at 100% 0%,rgba(200,16,46,.22),transparent 60%),linear-gradient(160deg,#0A1A36,#0E2240 55%,#133058);box-shadow:0 22px 44px -30px rgba(10,26,54,.8);text-align:left}
.npc .npp-pic__hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 10%)}
.npc .npp-pic__hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--c-red)}
.npc .npp-pic__hero>*{position:relative}
.npc .npp-pic__hero .npp-hero__eyebrow{margin:0;color:#9FB3D1;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.npc .npp-pic__hero .npp-fh__lead{margin:6px 0 0;color:#fff;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.55;font-weight:600}

/* Section shell */
.npc__box{margin:0 0 20px;padding:18px 20px;border:1px solid var(--c-bd);border-radius:18px;background:var(--c-card)}
.npc .npc__box>.npp-h{margin-top:0}
.npc .npc__lead{margin:0 0 14px;color:var(--c-muted);font-size:.9rem}

/* Today's matchups */
.npc__mcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.npc__mc h3{display:flex;align-items:center;gap:8px;margin:0 0 8px!important;font-family:var(--npp-display,inherit);font-size:1rem!important;color:var(--c-ink)}
.npc__mc h3::before{content:"";width:4px;height:16px;border-radius:2px;background:var(--c-navy)}
.npc__mc--nfc h3::before{background:var(--c-red)}
.npc__mc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.npc__mc li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:0;padding:10px 12px;border:1px solid var(--c-bd);border-radius:12px;background:var(--c-bg)}
.npc__mc li.is-bye{grid-template-columns:minmax(0,1fr) auto;background:linear-gradient(90deg,#EEF2F8,var(--c-bg))}
.npc__mc li>em{font-style:normal;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted)}
.npc__mc li.is-bye>em{color:var(--c-navy);padding:3px 9px;border-radius:999px;background:#E3E9F3}
.npc__mt{display:flex;align-items:center;gap:7px;min-width:0}
.npc__mc li:not(.is-bye) .npc__mt:last-child{justify-content:flex-end;flex-direction:row-reverse}
.npc__mt i{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:6px;background:var(--c-navy);color:#fff;font-style:normal;font-size:.7rem;font-weight:800}
.npc__mt img{width:28px;height:28px;object-fit:contain;flex:none}
.npc__mt b{font-size:.92rem;color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.npc__mt small{font-size:.74rem;color:var(--c-muted);white-space:nowrap}

/* Conference seed cards */
.npc__confs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 10px}
.npc__conf{border:1px solid var(--c-bd);border-radius:18px;background:var(--c-card);overflow:hidden;min-width:0}
.npc .npc__ch{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0!important;padding:13px 16px!important;color:#fff!important;background:linear-gradient(120deg,#0A1A36,#163463);font-family:var(--npp-display,inherit);font-size:1.1rem!important;border:0!important}
.npc .npc__ch::before,.npc .npc__ch::after{display:none!important}
.npc__conf--nfc .npc__ch{background:linear-gradient(120deg,#7A0A1C,#C8102E)}
.npc__ch b{padding:2px 9px;border-radius:7px;background:rgba(255,255,255,.16);font-size:.9rem}
.npc__ch small{margin-left:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.82}
.npc ol.npc__list{list-style:none;margin:0;padding:4px 12px 8px}
.npc__list li{display:grid;grid-template-columns:24px 26px minmax(0,1fr) auto auto;grid-template-areas:"sd lg nm rc rl" "sd lg ex ex ex";column-gap:10px;align-items:center;margin:0;padding:9px 2px;border-bottom:1px solid var(--c-bd)}
.npc__list li:last-child{border-bottom:0}
.npc__sd{grid-area:sd;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;font-size:.78rem;font-weight:800;color:var(--c-muted)}
.npc__list li.is-div .npc__sd{background:var(--c-navy);color:#fff}
.npc__list li.is-wc .npc__sd{background:#FBE9EC;color:var(--c-red)}
.npc__list img{grid-area:lg;width:26px;height:26px;object-fit:contain}
.npc__nm{grid-area:nm;min-width:0;font-weight:800;color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.npc__nm a{color:var(--c-ink)!important;text-decoration:none!important}
.npc__nm a:hover{color:var(--c-red)!important}
.npc__nm small{display:none}
.npc__rc{grid-area:rc;font-weight:800;color:var(--c-ink);font-variant-numeric:tabular-nums}
.npc__rl{grid-area:rl;text-align:right}
.npc__rl em{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--c-bg);color:var(--c-ink2);font-style:normal;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.npc__list li.is-div .npc__rl em{background:#E3E9F3;color:var(--c-navy)}
.npc__list li.is-wc .npc__rl em{background:#FBE9EC;color:var(--c-red)}
.npc__rl em.is-gb{background:transparent;color:var(--c-muted);text-transform:none;letter-spacing:0;font-size:.78rem}
.npc__ex{grid-area:ex;font-size:.74rem;color:var(--c-muted)}
.npc__ex b{color:var(--c-ink2)}
.npc__list li.is-hunt .npc__nm,.npc__list li.is-out .npc__nm{font-weight:700}
.npc__list li.is-out{opacity:.55}
.npc__cl{margin-left:6px;padding:1px 6px;border-radius:6px;background:#ECFDF3;color:var(--c-green);font-size:.64rem;font-weight:800;text-decoration:none;border:0;cursor:help}
.npc__cl.is-e{background:#FEF3F2;color:#B42318}
.npc__line{display:block!important;position:relative;height:0;margin:6px 0!important;padding:0!important;border-bottom:0!important;border-top:2px dashed #F5A3B1}
.npc__line span{position:absolute;right:0;top:-9px;padding:0 6px;background:var(--c-card);color:var(--c-red);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.npc__key{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 22px!important;font-size:.78rem;color:var(--c-muted)}
.npc__key span{display:inline-flex;align-items:center;gap:6px}
.npc__key i{width:14px;height:14px;border-radius:4px;background:var(--c-navy)}
.npc__key i.is-wc{background:#FBE9EC;box-shadow:inset 0 0 0 1px var(--c-red)}
.npc__key b{color:var(--c-ink2)}

/* Races */
.npc ul.npc__races{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.npc__races li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"rk rk" "a g" "b g";gap:2px 10px;margin:0;padding:12px 14px 12px 16px;border:1px solid var(--c-bd);border-radius:14px;background:var(--c-card)}
.npc__races li::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--c-bd)}
.npc__races li.is-close::before{background:var(--c-red)}
.npc__races .npp-pic__rk{grid-area:rk;margin-bottom:4px;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted)}
.npc__races b{font-size:.92rem;color:var(--c-ink)}
.npc__races b:nth-of-type(1){grid-area:a}
.npc__races b:nth-of-type(2){grid-area:b;font-weight:600;color:var(--c-ink2)}
.npc__races b small{font-weight:600;color:var(--c-muted)}
.npc__races em{grid-area:g;align-self:center;padding:4px 10px;border-radius:999px;background:var(--c-bg);font-style:normal;font-weight:800;font-size:.78rem;color:var(--c-ink2)}
.npc__races li.is-close em{background:#FBE9EC;color:var(--c-red)}

/* Responsive */
@media (max-width:900px){.npc__confs,.npc__mcs{grid-template-columns:1fr}}
@media (max-width:560px){
	.npc .npp-pic__hero{padding:18px 16px;border-radius:16px}
	.npc__box{padding:14px 12px}
	.npc__mc li{padding:9px 10px;gap:6px}
	.npc__mt small{display:none}
	.npc__mt b{font-size:.88rem}
	.npc__list li{grid-template-columns:22px 24px minmax(0,1fr) auto auto;column-gap:8px}
	.npc__rl em{font-size:.6rem;padding:2px 6px}
	.npc__ch small{margin-left:0;flex-basis:100%}
}

/* Dark */
html[data-theme="dark"] .npc{--c-ink:#F2F4F7;--c-ink2:#D0D5DD;--c-muted:#98A2B3;--c-bd:#2B3A58;--c-card:#172238;--c-bg:#1E2C48;--c-green:#47CD89}
html[data-theme="dark"] .npc__mc li.is-bye{background:#1E2C48}
html[data-theme="dark"] .npc__mc li.is-bye>em,html[data-theme="dark"] .npc__list li.is-div .npc__rl em{background:#24324D;color:#D0D5DD}
html[data-theme="dark"] .npc__list li.is-wc .npc__sd,html[data-theme="dark"] .npc__list li.is-wc .npc__rl em,html[data-theme="dark"] .npc__races li.is-close em{background:rgba(200,16,46,.2);color:#FF8A95}
html[data-theme="dark"] .npc__cl{background:rgba(71,205,137,.15)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .npc{--c-ink:#F2F4F7;--c-ink2:#D0D5DD;--c-muted:#98A2B3;--c-bd:#2B3A58;--c-card:#172238;--c-bg:#1E2C48;--c-green:#47CD89}}

/* Races: override the old picture styles (1.8.2). */
.npc ul.npp-pic__races.npc__races{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.npc .npc__races li{display:grid!important;padding:12px 14px 12px 16px!important}
.npc .npc__races li.is-close{border-color:#F5C2CB!important;box-shadow:none!important}
.npc .npc__races em,.npc .npc__races li.is-close em{position:static!important;align-self:center;justify-self:end;white-space:nowrap;margin:0!important;padding:4px 10px;font-size:.76rem}
.npc .npc__races li.is-close em{background:#FBE9EC;color:#C8102E}
.npc .npc__races b{font-family:inherit;font-size:.92rem}
html[data-theme="dark"] .npc .npc__races li.is-close{border-color:rgba(200,16,46,.45)!important}
html[data-theme="dark"] .npc .npc__races li.is-close em{background:rgba(200,16,46,.2);color:#FF8A95}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .npc .npc__races li.is-close{border-color:rgba(200,16,46,.45)!important}html:not([data-theme="light"]) .npc .npc__races li.is-close em{background:rgba(200,16,46,.2);color:#FF8A95}}