/* ScoreMax UX vNext: layered public information architecture. Staging only. */
.ux-programme-rail{max-width:1200px;margin:-2px auto 0;padding:7px 28px 2px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.ux-programme-rail::-webkit-scrollbar{display:none}.ux-programme-rail-label{flex:0 0 auto;font-size:.7rem;font-weight:900;letter-spacing:.11em;color:#64748b;margin-right:2px}.ux-programme-tab{flex:0 0 auto;text-decoration:none;color:#1e293b;background:#fff;border:1px solid #dbe3ef;border-radius:999px;padding:8px 14px;font-size:.86rem;font-weight:850;box-shadow:0 4px 14px rgba(15,23,42,.035);transition:.18s ease}.ux-programme-tab:hover,.ux-programme-tab:focus-visible{border-color:#93c5fd;color:#1d4ed8;transform:translateY(-1px)}.ux-programme-tab.interest{border-style:dashed;background:#fbfdff}.ux-progress-section.ux-progress-top{padding-top:16px;padding-bottom:30px}.ux-progress-top .ux-section-head{margin-bottom:18px}.ux-progress-top .ux-section-head h2{font-size:clamp(1.65rem,2.7vw,2.45rem)}.ux-progress-top .ux-section-head>p:last-child{margin-bottom:0}.ux-hero{padding-top:38px}

.ux-features{max-width:1200px;margin:0 auto;padding:62px 28px 72px}.ux-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ux-feature-card{position:relative;min-height:178px;padding:22px 22px 20px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ux-feature-card:hover{transform:translateY(-3px);border-color:#c7d7f5;box-shadow:0 18px 38px rgba(15,23,42,.07)}.ux-feature-highlight{background:linear-gradient(145deg,#f6f9ff 0%,#faf7ff 100%);border-color:#c7d7f5;box-shadow:0 14px 34px rgba(37,99,235,.08)}.ux-feature-highlight h3{font-size:1.34rem}.ux-feature-highlight .ux-feature-index{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;min-width:44px}.ux-feature-index{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:9px;background:#eff6ff;color:#2563eb;font-size:.7rem;font-weight:900;margin-bottom:17px}.ux-feature-card h3{font-size:1.22rem;margin:0 0 8px;color:#0f172a;letter-spacing:-.025em}.ux-feature-card p{margin:0;color:#64748b;line-height:1.55;font-size:.94rem}.ux-feature-spark{padding:0;overflow:hidden;grid-column:span 1}.ux-feature-spark summary{list-style:none;cursor:pointer;display:flex;gap:15px;align-items:flex-start;padding:22px;min-height:176px}.ux-feature-spark summary::-webkit-details-marker{display:none}.ux-feature-spark summary .ux-feature-index{flex:0 0 auto}.ux-feature-spark summary span:last-child{display:flex;flex-direction:column;gap:8px}.ux-feature-spark summary strong{font-size:1.22rem;color:#0f172a;letter-spacing:-.025em}.ux-feature-spark summary small{font-size:.94rem;line-height:1.5;color:#64748b}.ux-feature-spark summary:after{content:'+';margin-left:auto;color:#2563eb;font-size:1.35rem;font-weight:800;line-height:1}.ux-feature-spark[open] summary{min-height:auto;border-bottom:1px solid #e7edf6}.ux-feature-spark[open] summary:after{content:'–'}.ux-feature-spark-detail{display:flex;flex-direction:column;gap:5px;padding:18px 22px 22px;background:linear-gradient(135deg,#f8fbff,#faf8ff)}.ux-feature-spark-detail>small{color:#64748b}.ux-feature-spark-detail>strong{font-size:1.3rem;color:#0f172a}.ux-feature-spark-detail>p{margin:2px 0 0;color:#475569}

.ux-involved,.ux-impact{max-width:1200px;margin:0 auto;padding:66px 28px}.ux-engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ux-engagement-card{display:flex;flex-direction:column;min-height:240px;padding:26px;border-radius:26px;background:#fff;border:1px solid var(--ux-line);box-shadow:0 14px 34px rgba(15,23,42,.05)}.ux-engagement-card .eyebrow{font-size:.74rem;font-weight:900;letter-spacing:.1em;color:var(--ux-blue);margin-bottom:18px}.ux-engagement-card h3{font-size:1.45rem;letter-spacing:-.025em;margin:0 0 10px;color:var(--ux-ink)}.ux-engagement-card p{color:var(--ux-muted);line-height:1.6;margin:0 0 22px}.ux-engagement-card a{margin-top:auto;font-weight:900;color:var(--ux-blue);text-decoration:none}.ux-impact{margin-top:24px;border-radius:34px;background:linear-gradient(135deg,#f7fbff 0%,#f8f7ff 100%)}.ux-impact-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.ux-impact-card{padding:26px;border-radius:26px;background:#fff;border:1px solid #dfe7f3;display:flex;flex-direction:column;min-height:230px}.ux-impact-card.primary{background:linear-gradient(145deg,#0f172a,#1e3a8a);color:#fff;border:0}.ux-impact-card.primary .ux-kicker{color:#93c5fd}.ux-impact-card.primary h3,.ux-impact-card.primary p{color:#fff}.ux-impact-card h3{font-size:1.45rem;margin:8px 0 10px;letter-spacing:-.025em}.ux-impact-card p{color:var(--ux-muted);line-height:1.6;margin:0 0 20px}.ux-impact-card a{margin-top:auto;text-decoration:none;font-weight:900;color:var(--ux-blue)}.ux-impact-card.primary a{color:#bfdbfe}.is-interest .ux-status{background:#eff6ff;color:#1d4ed8}.is-interest .ux-card-link{color:#1d4ed8}.ux-nav-dropdown{position:relative;flex:0 0 auto}.ux-nav-dropdown>summary{list-style:none;cursor:pointer;font-weight:700;font-size:.94rem;white-space:nowrap;color:#172033}.ux-nav-dropdown>summary::-webkit-details-marker{display:none}.ux-nav-dropdown>summary:after{content:'⌄';font-size:.72em;margin-left:4px;color:#64748b}.ux-nav-dropdown[open]>summary{color:#1d4ed8}.ux-nav-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);min-width:230px;padding:9px;border-radius:16px;background:#fff;border:1px solid #dfe5ee;box-shadow:0 20px 50px rgba(15,23,42,.14);z-index:90}.ux-nav-menu a{display:block!important;margin:0!important;padding:10px 12px!important;border-radius:10px;font-size:.88rem!important;white-space:nowrap}.ux-nav-menu a:hover{background:#f5f8ff;color:#1d4ed8}.ux-interest-shell{max-width:760px;margin:48px auto 80px;padding:0 20px}.ux-interest-card{background:#fff;border:1px solid #dfe5ee;border-radius:28px;padding:32px;box-shadow:0 20px 55px rgba(15,23,42,.07)}.ux-interest-card h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;letter-spacing:-.045em;margin:.2em 0}.ux-interest-card>p{color:#64748b;line-height:1.65}.ux-interest-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.ux-interest-form label{font-weight:800;color:#334155}.ux-interest-form label.full{grid-column:1/-1}.ux-interest-form input,.ux-interest-form select,.ux-interest-form textarea{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #cfd8e6;border-radius:12px;background:#fff;font:inherit}.ux-interest-form textarea{min-height:110px;resize:vertical}.ux-interest-note{padding:12px 14px;border-radius:12px;background:#f8fafc;color:#475569;font-size:.9rem}.ux-interest-success{padding:18px;border-radius:16px;background:#ecfdf5;color:#065f46;font-weight:800;margin-top:22px}.ux-interest-error{padding:12px 14px;border-radius:12px;background:#fff1f2;color:#9f1239;font-weight:750;margin-top:18px}
@media(max-width:900px){.ux-feature-grid{grid-template-columns:repeat(2,1fr)}.ux-engagement-grid,.ux-impact-grid{grid-template-columns:1fr}.ux-impact-card,.ux-engagement-card{min-height:0}}
@media(max-width:640px){.ux-programme-rail{margin-top:-1px;padding:6px 18px 2px;gap:7px}.ux-programme-tab{padding:7px 12px;font-size:.84rem}.ux-progress-section.ux-progress-top{padding-top:14px}.ux-features,.ux-involved,.ux-impact{padding:48px 18px}.ux-feature-grid{grid-template-columns:1fr}.ux-feature-card,.ux-feature-spark summary{min-height:0}.ux-impact{border-radius:0}.ux-interest-card{padding:24px 20px}.ux-interest-form{grid-template-columns:1fr}.ux-interest-form label.full{grid-column:auto}}
