/* =====================================================================
   NSSA 2026 - information page template (/newsmanager/templates/NSSAInfoPage2026.aspx)
   Loads after nx2026.css. Script: /ui/nx_infopage.js
   ===================================================================== */
.ip-page{--ip-red:#DC2626;--ip-gold:#F59E0B;}
.ip-hero{padding:20px 28px 16px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f4f8ff 0%,#fff 60%);}
.ip-kick{display:flex;align-items:center;gap:8px;margin-top:10px;font:800 11px Montserrat,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ocean);}
.ip-kick i{width:9px;height:9px;border-radius:50%;background:var(--ip-red);}
.ip-hero h1{margin:6px 0 0;font:900 clamp(26px,3.2vw,42px)/1.08 Montserrat,Arial,sans-serif;color:var(--deep);letter-spacing:-.02em;}

/* ---------- page text (pasted from Word / the old editor) ---------- */
.ip-body{padding:18px 28px 24px;font:400 15.5px/1.65 Inter,Arial,sans-serif;color:#1e293b;}
.ip-body span,.ip-body font,.ip-body p,.ip-body div,.ip-body li,.ip-body td{font-family:inherit !important;font-size:inherit !important;line-height:inherit !important;}
.ip-body span,.ip-body font{color:inherit !important;background:transparent !important;}
.ip-body p{margin:0 0 .8em;}
.ip-body a{color:var(--ocean);font-weight:600;}
.ip-body img{max-width:100%;height:auto;}
.ip-body table{border-collapse:collapse;max-width:100%;}
.ip-body h2,.ip-body h3{font-family:Montserrat,Arial,sans-serif;color:var(--deep);}
.ip-lead{font-size:17px !important;color:#334155;}

/* ---------- contact cards (built from a contact table) ---------- */
.ip-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:6px 0 4px;}
.ip-cc{display:flex;flex-direction:column;border:1px solid #dbe3ef;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.05);}
.ip-cc.main{grid-column:1/-1;border-color:var(--deep);}
.ip-cc-h{padding:10px 16px;background:var(--deep);color:#fff;}
.ip-cc.main .ip-cc-h{background:linear-gradient(90deg,var(--deep),#0E4D92);}
.ip-cc-h small{display:block;font:800 10px Montserrat,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7dd3fc;}
.ip-cc-h b{display:block;font:800 16px/1.25 Montserrat,Arial,sans-serif;}
.ip-cc-b{display:flex;gap:12px;padding:14px 16px 10px;flex:1 1 auto;}
.ip-av{flex:0 0 44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e7eeff;color:var(--deep);font:900 15px Montserrat,Arial,sans-serif;}
.ip-body .ip-av{background:#e7eeff !important;color:var(--deep) !important;font:900 15px Montserrat,Arial,sans-serif !important;}
.ip-who{min-width:0;}
.ip-who b{display:block;font:800 16px/1.3 Montserrat,Arial,sans-serif;color:var(--deep);}
.ip-who span{display:block;font-size:14px;line-height:1.5;color:#475569;}
.ip-who .ip-extra{margin-top:4px;font-size:13.5px;}
.ip-cc-a{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 14px;}
.ip-act{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 12px;border-radius:999px;border:1px solid #dbe3ef;background:#f8fafc;
	font:700 12.5px Inter,Arial,sans-serif;color:var(--deep) !important;text-decoration:none !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ip-act:hover{border-color:var(--ocean);background:#eef3ff;color:var(--ocean) !important;}
.ip-act.call{background:var(--deep);border-color:var(--deep);color:#fff !important;}
.ip-act.call:hover{background:var(--ocean);color:#fff !important;}

/* ---------- shared section title ---------- */
.ip-body h2.ip-sec{margin:22px 0 12px;padding-left:12px;border-left:5px solid var(--ip-red);font:900 20px/1.2 Montserrat,Arial,sans-serif;color:var(--deep);}

/* ---------- How to Compete: season cards ---------- */
.ip-seasons{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:0 0 6px;}
.ip-season{border:1px solid #dbe3ef;border-radius:12px;background:#fff;overflow:hidden;display:flex;flex-direction:column;}
.ip-season-h{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(90deg,var(--deep),#0E4D92);color:#fff;}
.ip-season-h span{font-size:22px;line-height:1;}
.ip-season-h b{font:800 16px/1.25 Montserrat,Arial,sans-serif;}
.ip-season p{margin:0 !important;padding:12px 16px 4px;font-size:14.5px !important;color:#334155;}
.ip-divs{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 14px;margin-top:auto;}
.ip-divs small{flex:0 0 100%;font:800 10px Montserrat,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);}
.ip-divs i{font-style:normal;padding:4px 10px;border-radius:999px;background:#eef3ff;color:var(--deep);font:700 12.5px Inter,Arial,sans-serif;}
.ip-steps{margin:0 28px 22px;padding:18px 20px;border-radius:12px;background:linear-gradient(135deg,#082F5A,#0E4D92);color:#fff;}
.ip-steps h2{margin:0 0 12px;font:900 20px Montserrat,Arial,sans-serif;}
.ip-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;counter-reset:st;}
.ip-steps li{counter-increment:st;}
.ip-steps a{position:relative;display:block;height:100%;box-sizing:border-box;padding:12px 14px 12px 48px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;}
.ip-steps a::before{content:counter(st);position:absolute;left:12px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--ip-gold);color:#0F172A;font:900 13px/26px Montserrat,Arial,sans-serif;text-align:center;}
.ip-steps a:hover{background:rgba(255,255,255,.18);}
.ip-steps b{display:block;font:800 14px Montserrat,Arial,sans-serif;}
.ip-steps span{display:block;margin-top:2px;font-size:12.5px;color:#c7d6ea;}

/* ---------- Special Programs ---------- */
.ip-rules{border:1px solid #dbe3ef;border-radius:12px;background:#fff;padding:6px 18px;}
.ip-rules ol{margin:0;padding:0;list-style:none;counter-reset:rl;}
.ip-rules ol > li{counter-increment:rl;position:relative;padding:10px 0 10px 40px;border-bottom:1px solid #eef2f8;font-size:15px;}
.ip-rules ol > li:last-child{border-bottom:0;}
.ip-rules ol > li::before{content:counter(rl, lower-alpha);position:absolute;left:0;top:9px;width:26px;height:26px;border-radius:8px;background:#e7eeff;color:var(--deep);font:900 13px/26px Montserrat,Arial,sans-serif;text-align:center;}
.ip-check{list-style:none;margin:10px 0 4px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 14px;}
.ip-check li{position:relative;padding:6px 10px 6px 30px;border-radius:8px;background:#f4f6fb;font-size:14px;}
.ip-check li::before{content:"\2713";position:absolute;left:10px;top:5px;color:#15803d;font-weight:900;}
.ip-note{margin:8px 0 0 !important;font-size:13px !important;color:#92400e;}
.ip-programs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;}
.ip-prog{border:1px solid #dbe3ef;border-top:4px solid var(--ip-gold);border-radius:12px;background:#fff;padding:14px 16px;}
.ip-prog-h{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.ip-prog-h span{font-size:24px;line-height:1;}
.ip-prog-h b{font:800 16px/1.25 Montserrat,Arial,sans-serif;color:var(--deep);}
.ip-prog p{margin:0 !important;font-size:14.5px !important;color:#334155;}

/* ---------- Membership: join card (tile styles come from nx2026.css, same as the home page) ---------- */
.ip-join-links{display:flex;flex-direction:column;gap:6px;padding:4px 16px 16px;}
.ip-join-links a{font:700 13px Inter,Arial,sans-serif;color:var(--ocean);text-decoration:none;}
.ip-join-links a:hover{text-decoration:underline;}

.ip-foot{padding:12px 28px 16px;border-top:1px solid var(--line);}
.ip-pill{display:inline-flex;padding:7px 14px;border-radius:999px;background:var(--deep);color:#fff !important;font:800 12px Montserrat,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;}

@media (max-width:640px){
	.ip-steps{margin:0 16px 18px;}
	.ip-hero{padding:14px 16px;}
	.ip-body{padding:14px 16px 20px;font-size:15px;}
	.ip-foot{padding:12px 16px;}
}
@media print{
	.nx-banner,.nssa-nav,.nx-mbar,.nx-side,.nx-adrow,.ip-foot{display:none !important;}
	.nx-page{display:block;padding:0;}
	.ip-cc{break-inside:avoid;}
}
