/* =====================================================================
   NSSA 2026 - Championship Dates page (/ui/nx_champdates.css)
   Used by /newsmanager/templates/NSSAChampDates2026.aspx with nx_champdates.js
   ===================================================================== */
.cd-page{--k:#0E4D92;--kb:#eef4ff;}
.cd-page .k-state{--k:#4d7c0f;--kb:#f1f9e4;}
.cd-page .k-hi{--k:#0f766e;--kb:#e6f7f5;}
.cd-page .k-east{--k:#1d4ed8;--kb:#eaf1ff;}
.cd-page .k-west{--k:#0369a1;--kb:#e7f5fd;}
.cd-page .k-nat{--k:#b45309;--kb:#fff6e0;}
.cd-page .k-air{--k:#7c3aed;--kb:#f3edff;}

.cd-src[hidden],.cd-wrap[hidden],.cd-next[hidden]{display:none!important;}

/* ---- Up next ---- */
.cd-next{display:flex;align-items:center;gap:16px;margin-top:16px;padding:14px 18px;border-radius:12px;
	background:linear-gradient(120deg,#082F5A 0%,#0E4D92 100%);color:#fff;box-shadow:0 6px 18px rgba(8,47,90,.18);border-left:6px solid var(--k);}
.cd-next.k-nat{border-left-color:#F59E0B;}
.cd-next-l{flex:1 1 auto;min-width:0;}
.cd-next-l small{display:block;font:800 11px Montserrat,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#FCD34D;}
.cd-next-l b{display:block;margin:3px 0 2px;font:800 clamp(17px,2vw,22px)/1.2 Montserrat,Arial,sans-serif;}
.cd-next-l span{font:500 14px/1.4 Inter,Arial,sans-serif;color:#dbe7ff;}
.cd-count{flex:0 0 auto;text-align:center;min-width:86px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.12);}
.cd-count b{display:block;font:900 30px/1 Montserrat,Arial,sans-serif;}
.cd-count span{display:block;margin-top:3px;font:600 11px Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#cfe0ff;}
.cd-count.live{background:#dc2626;}

/* ---- body ---- */
.cd-wrap{padding:18px 28px 8px;}
.cd-note{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#fffbeb;border:1px solid #fde68a;color:#78350f;font:500 14px/1.45 Inter,Arial,sans-serif;}
.cd-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 14px;font:600 12px Inter,Arial,sans-serif;color:#475569;}
.cd-legend span{display:inline-flex;align-items:center;gap:6px;}
.cd-legend span:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--k);}

.cd-list{list-style:none;margin:0;padding:0;position:relative;}
.cd-list:before{content:"";position:absolute;left:43px;top:8px;bottom:8px;width:2px;background:#e2e8f0;}
.cd-ev{position:relative;display:flex;gap:18px;align-items:flex-start;margin:0 0 14px;}
.cd-date{position:relative;z-index:1;flex:0 0 88px;text-align:center;padding:8px 4px 7px;border-radius:12px;background:#fff;border:2px solid var(--k);color:var(--k);}
.cd-date small{display:block;font:800 12px Montserrat,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;}
.cd-date b{display:block;margin:2px 0;font:900 22px/1.05 Montserrat,Arial,sans-serif;white-space:nowrap;}
.cd-date span{display:block;font:600 11px Inter,Arial,sans-serif;color:#64748b;}
.cd-main{flex:1 1 auto;min-width:0;padding:12px 16px 14px;border-radius:12px;background:var(--kb);border:1px solid #e5eaf2;border-left:4px solid var(--k);}
.cd-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;}
.cd-tags span{padding:3px 9px;border-radius:999px;font:700 11px Inter,Arial,sans-serif;letter-spacing:.03em;}
.cd-kind{background:var(--k);color:#fff;}
.cd-st{background:#fff;color:#334155;border:1px solid #dbe3ee;}
.cd-nx{background:#F59E0B;color:#3b2300;}
.cd-main h3{margin:0;font:800 clamp(17px,1.7vw,20px)/1.25 Montserrat,Arial,sans-serif;color:#082F5A;}
.cd-name{margin:3px 0 0;font:500 14px/1.45 Inter,Arial,sans-serif;color:#334155;}
.cd-loc{margin:6px 0 0;font:600 14px/1.45 Inter,Arial,sans-serif;color:#0f172a;}
.cd-loc em{font-style:normal;font-weight:500;color:#64748b;margin-left:6px;white-space:nowrap;}
.cd-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.cd-acts:empty{display:none;}
.cd-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:8px;background:#082F5A;color:#fff!important;text-decoration:none!important;font:700 12.5px Inter,Arial,sans-serif;}
.cd-btn:hover{background:#0E4D92;}
.cd-btn.ghost{background:#fff;color:#082F5A!important;border:1px solid #cbd5e1;}
.cd-btn.ghost:hover{border-color:#0E4D92;}

/* status */
.cd-ev.s-done{opacity:.6;}
.cd-ev.s-done .cd-main{background:#f8fafc;}
.cd-ev.s-done .cd-st{background:#e2e8f0;}
.cd-ev.s-live .cd-st{background:#dc2626;color:#fff;border-color:#dc2626;}
.cd-ev.is-next .cd-main{box-shadow:0 0 0 2px #F59E0B,0 8px 20px rgba(245,158,11,.18);}
.cd-ev.is-next .cd-date{background:var(--k);color:#fff;}
.cd-ev.is-next .cd-date span{color:rgba(255,255,255,.85);}

/* ---- phones ---- */
@media (max-width:640px){
	.cd-next{margin-top:12px;padding:12px 14px;gap:12px;}
	.cd-count{min-width:70px;}
	.cd-count b{font-size:24px;}
	.cd-wrap{padding:14px 12px 4px;}
	.cd-list:before{left:31px;}
	.cd-ev{gap:10px;}
	.cd-date{flex-basis:64px;padding:6px 2px;}
	.cd-date b{font-size:16px;}
	.cd-date small{font-size:10px;}
	.cd-main{padding:10px 12px 12px;}
	.cd-loc em{display:block;margin:2px 0 0;}
}

/* ---- print: a clean one-page list ---- */
@media print{
	.cd-acts,.cd-legend,.nx-side,.nx-adrow,.nx-mbar,.nx-footer,.ip-foot{display:none!important;}
	.cd-next{background:none;color:#000;box-shadow:none;border:1px solid #999;}
	.cd-next-l small,.cd-next-l span,.cd-count span{color:#333;}
	.cd-count{background:none;}
	.cd-ev{break-inside:avoid;opacity:1!important;}
	.cd-main{background:none!important;box-shadow:none!important;}
}