@charset "UTF-8";
/* Approved quick links and compact dates design; works with existing published HTML. */
.quick-links{max-width:none;margin:-85px auto 48px;padding:10px;gap:10px;border-radius:20px;background:#f4f8fc;box-shadow:0 10px 24px #071c461a}
.quick-links>a{position:relative;min-width:0;min-height:168px;padding:20px 18px;display:grid;grid-template-columns:minmax(0,1fr) 27px;grid-template-rows:64px minmax(36px,auto);gap:17px 8px;align-items:center;justify-items:start;text-align:left;font-size:12px;line-height:1.45;border-radius:14px;transition:background .2s,box-shadow .2s,color .2s}
.quick-links>a:hover{transform:none;background:#edf5ff;box-shadow:0 3px 12px #075eea14}
.quick-links>a:focus-visible{outline:3px solid #071c46;outline-offset:3px}
.quick-links img{grid-column:1/-1;width:64px;height:64px;padding:11px;border-radius:12px;background:#ecf5ff}
.quick-links>a>span{min-width:0;grid-column:1;grid-row:2}
.quick-links>a:after{content:"\2192";grid-column:2;grid-row:2;display:grid;place-items:center;width:27px;height:27px;border:1px solid currentColor;border-radius:50%;color:#0066f5;font-size:20px;font-weight:400;line-height:1}
/* Match the destination, so reordering links does not highlight a different menu. */
.quick-links>a[href*="path=/registration"],.quick-links>a[href*="path=%2Fregistration"]{background:#0066f5;color:#fff}
.quick-links>a[href*="path=/registration"]:hover,.quick-links>a[href*="path=%2Fregistration"]:hover{background:#0754d0;color:#fff}
.quick-links>a[href*="path=/registration"]:before,.quick-links>a[href*="path=%2Fregistration"]:before{content:"";position:absolute;left:18px;top:20px;width:64px;height:64px;border-radius:12px;background:#ffffff24;pointer-events:none}
.quick-links>a[href*="path=/registration"] img,.quick-links>a[href*="path=%2Fregistration"] img{background:transparent;filter:brightness(0) invert(1)}
.quick-links>a[href*="path=/registration"]:after,.quick-links>a[href*="path=%2Fregistration"]:after{color:#fff}
.cms-home:not(.has-hero) .quick-links{margin-top:32px}

.dates-section .section-heading{font-size:25px;padding-bottom:14px;margin-bottom:23px}
.dates-section .section-heading:after{width:36px;height:3px;background:#0066f5}
.dates-section .date-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid #d6e1ef;border-bottom:1px solid #d6e1ef}
.dates-section .date-card{grid-column:auto;min-width:0;min-height:142px;padding:19px 10px 17px;border:0;border-radius:0;box-shadow:none;background:#fff;color:#071c46;justify-content:center}
.dates-section .date-card+.date-card{border-left:1px solid #d6e1ef}
.dates-section .date-card:after,.dates-section .date-card img{display:none}
.dates-section .date-label{min-height:38px;font-size:12px;line-height:1.5;font-weight:700}
.dates-section .date-value{margin-top:14px;font-size:19px;line-height:1.45;font-weight:700;letter-spacing:-.3px;white-space:nowrap}
.dates-section .date-day{margin-top:3px;font-size:13px;line-height:1.5;font-weight:400;color:#53647d}
.dates-section .date-card:nth-child(5n+1){background:#e6f0ff}
.dates-section .date-card:nth-child(5n+1) .date-value{color:#245cca}
.dates-section .date-card:nth-child(5n){background:#ecebff}
.dates-section .date-card.is-accent{background:#ffe9ef;color:#ce2046;box-shadow:none}
.dates-section .date-card.is-accent .date-value{color:#ce2046}
.dates-section .date-card.is-accent .date-day{color:#53647d}

@media(max-width:1200px){
    .quick-links{margin-top:-75px}
    .quick-links>a{padding:18px 13px;gap:15px 6px;font-size:11px}
    .quick-links>a[href*="path=/registration"]:before,.quick-links>a[href*="path=%2Fregistration"]:before{left:13px;top:18px}
    .dates-section .date-value{font-size:17px}
    .dates-section .date-label{font-size:11px}
}
@media(max-width:980px){
    .quick-links{margin-top:-72px;padding:8px;gap:8px;margin-bottom:39px}
    .quick-links>a{min-height:145px;padding:16px 10px;grid-template-columns:minmax(0,1fr) 23px;grid-template-rows:52px minmax(36px,auto);gap:13px 5px;font-size:10px}
    .quick-links img{width:52px;height:52px;padding:9px}
    .quick-links>a:after{width:23px;height:23px;font-size:18px}
    .quick-links>a[href*="path=/registration"]:before,.quick-links>a[href*="path=%2Fregistration"]:before{left:10px;top:16px;width:52px;height:52px}
    .dates-section .section-heading{font-size:22px}
    .dates-section .date-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dates-section .date-card{min-height:140px;padding:18px 14px}
    .dates-section .date-card:nth-child(2n+1){border-left:0}
    .dates-section .date-card:nth-child(n+3){border-top:1px solid #d6e1ef}
    .dates-section .date-card:last-child:nth-child(odd){grid-column:1/-1}
    .dates-section .date-label{font-size:12px}
    .dates-section .date-value{font-size:19px}
}
@media(max-width:760px){
    .quick-links{margin-top:-55px;margin-bottom:32px;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:16px}
    .quick-links>a{min-height:135px;padding:16px;font-size:12px;border-radius:10px;gap:12px 8px}
    .quick-links>a[href*="path=/registration"]:before,.quick-links>a[href*="path=%2Fregistration"]:before{left:16px}
    .quick-links>a:last-child:nth-child(odd){grid-column:1/-1}
    .dates-section .section-heading{font-size:21px;margin-bottom:18px}
}
@media(max-width:480px){
    .quick-links{grid-template-columns:1fr}
    .quick-links>a{min-height:76px;padding:12px 14px;grid-template-columns:48px minmax(0,1fr) 25px;grid-template-rows:auto;gap:12px;font-size:12px}
    .quick-links img{grid-column:1;grid-row:1;width:48px;height:48px;padding:8px}
    .quick-links>a>span{grid-column:2;grid-row:1}
    .quick-links>a:after{grid-column:3;grid-row:1;width:25px;height:25px}
    .quick-links>a[href*="path=/registration"]:before,.quick-links>a[href*="path=%2Fregistration"]:before{left:14px;top:12px;width:48px;height:48px}
    .dates-section .date-grid{grid-template-columns:1fr}
    .dates-section .date-card{min-height:99px;padding:17px 13px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 12px;text-align:left}
    .dates-section .date-card+.date-card{border-left:0;border-top:1px solid #d6e1ef}
    .dates-section .date-label{grid-column:1;grid-row:1/3;min-height:0;display:block;font-size:10px;line-height:1.6}
    .dates-section .date-value{grid-column:2;grid-row:1;margin:0;font-size:15px;text-align:right}
    .dates-section .date-day{grid-column:2;grid-row:2;margin:0;font-size:12px;text-align:right}
}
