/*
 * Adthena mega nav: rail + spotlight.
 * Ported 1:1 from adthena-page-templates/_shared/nav-footer.css (nav section).
 * Don't fork per page; if the nav needs to look different somewhere, check first.
 */
.an-header{--an-navy:#0D1B2A;--an-navy-2:#10263B;--an-slate:#25323F;--an-blue:#236298;--an-lime:#CCFF33;--an-grey:#3C3C3B;--an-white:#FFFFFF;--an-panel:#FFFFFF;--an-rail:#F4F6F8;--an-line:#E3E8ED;--an-hover:#F1F4F7;--an-text:#0D1B2A;--an-muted:#5B6772;--an-font:"Montserrat", Arial, Helvetica, sans-serif;--an-bar-h:72px;--an-radius:10px;--an-ease:160ms ease;position:sticky;top:0;z-index:1000;font-family:var(--an-font);background:var(--an-navy);color:var(--an-white);-webkit-font-smoothing:antialiased}
.an-header *,.an-header *::before,.an-header *::after{box-sizing:border-box}
.an-header p{margin:0}
.an-header a{text-decoration:none}
.an-header button{font-family:inherit}
.an-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---- Promo bar ---- */
.an-promo{display:block;padding:8px 16px;text-align:center;font-size:13px;color:var(--an-white);border-bottom:1px solid rgba(255,255,255,.08)}
.an-promo strong{color:var(--an-lime);font-weight:600;margin-right:4px}
.an-promo:hover{color:var(--an-lime)}
/* ---- Bar ---- */
.an-bar{position:relative;max-width:1360px;margin:0 auto;height:var(--an-bar-h);padding:0 40px;display:flex;align-items:center;gap:36px}
.an-logo{display:flex;align-items:center;flex:none}
.an-logo__img{height:28px;width:auto;display:block}
.an-nav{display:flex;align-items:stretch;flex:1;height:100%}
.an-menu{display:flex;gap:4px;margin:0;padding:0;list-style:none;height:100%}
.an-item{display:flex}
.an-trigger{position:relative;display:flex;align-items:center;gap:6px;padding:0 14px;background:none;border:0;color:var(--an-white);font:500 15px/1 var(--an-font);cursor:pointer}
.an-trigger::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--an-lime);transform:scaleX(0);transition:transform var(--an-ease)}
.an-trigger:hover,.an-item.is-open > .an-trigger{color:var(--an-lime)}
.an-item.is-open > .an-trigger::after{transform:scaleX(1)}
.an-chev{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;opacity:.7;transition:transform var(--an-ease)}
.an-item.is-open .an-chev{transform:rotate(180deg);opacity:1}
.an-ctas{margin-left:auto;display:flex;align-items:center;gap:10px}
.an-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:5px;font:600 14px/1 var(--an-font);white-space:nowrap;transition:background var(--an-ease), color var(--an-ease)}
.an-btn--primary{background:var(--an-lime);color:var(--an-navy)}
.an-btn--primary:hover{background:#d8ff66}
.an-btn--secondary{border:1px solid var(--an-lime);color:var(--an-white)}
.an-btn--secondary:hover{background:rgba(204,255,51,.1)}
.an-header :focus-visible{outline:2px solid var(--an-lime);outline-offset:2px}
.an-panel :focus-visible{outline-color:var(--an-blue)}
/* ---- Panel (desktop) ---- */
.an-panel{position:absolute;top:var(--an-bar-h);left:40px;width:min(1040px, calc(100% - 80px));display:grid;grid-template-columns:250px 1fr 280px;min-height:360px;background:var(--an-panel);color:var(--an-text);border:1px solid var(--an-line);border-top:0;border-radius:0 0 var(--an-radius) var(--an-radius);box-shadow:0 24px 50px rgba(5,12,20,.28);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--an-ease), transform var(--an-ease), visibility 0s linear 160ms;z-index:2}
.an-item.is-open > .an-panel{opacity:1;visibility:visible;transform:none;transition:opacity var(--an-ease), transform var(--an-ease)}
/* No-JS fallback: open on hover / keyboard focus */
.an-header:not(.an-js) .an-item--panel:hover > .an-panel,.an-header:not(.an-js) .an-item--panel:focus-within > .an-panel{opacity:1;visibility:visible;transform:none}
.an-scrim{position:fixed;left:0;right:0;bottom:0;top:var(--an-top, 106px);background:rgba(5,12,20,.35);opacity:0;pointer-events:none;transition:opacity var(--an-ease);z-index:-1}
.an-header.is-open .an-scrim{opacity:1}
/* Rail */
.an-rail{background:var(--an-rail);padding:22px 14px}
.an-rail__heading{padding:0 12px 10px;margin-bottom:6px !important;border-bottom:1px solid var(--an-line);font-size:13px;font-weight:600;color:var(--an-text)}
.an-rail__tabs{display:grid;gap:4px}
.an-rail__tab{display:grid;gap:2px;width:100%;padding:10px 12px;text-align:left;background:none;border:0;border-radius:6px;color:var(--an-text);cursor:pointer}
.an-rail__title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:600}
.an-rail__desc{font-size:12.5px;line-height:1.4;color:var(--an-muted)}
.an-rail__arrow{width:10px;height:10px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;opacity:.45;transition:transform var(--an-ease), opacity var(--an-ease)}
.an-rail__tab:hover .an-rail__arrow,.an-rail__tab[aria-selected="true"] .an-rail__arrow{opacity:1;transform:translateX(2px)}
.an-rail__tab[aria-selected="true"]{background:var(--an-panel);box-shadow:0 0 0 1px var(--an-line)}
.an-rail__tab[aria-selected="true"] .an-rail__title{color:var(--an-blue)}
.an-intro{padding:10px 12px;display:grid;gap:8px}
.an-intro__title{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--an-text)}
.an-intro__text{font-size:13.5px;line-height:1.5;color:var(--an-muted)}
.an-eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--an-blue)}
/* Links */
.an-links{padding:22px 20px}
.an-group + .an-group{margin-top:12px}
.an-group__heading{margin:0 10px 6px !important;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--an-muted)}
.an-group__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}
.an-link{display:flex;align-items:flex-start;gap:12px;padding:9px 10px;border-radius:6px;color:var(--an-text);transition:background var(--an-ease)}
.an-link:hover{background:var(--an-hover)}
.an-link:hover .an-link__title{color:var(--an-blue)}
.an-ico{width:18px;height:18px;flex:none;margin-top:1px;fill:none;stroke:var(--an-blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.an-link__body{display:grid;gap:2px}
.an-link__title{font-size:14px;font-weight:500;line-height:1.35;color:var(--an-text);transition:color var(--an-ease)}
.an-link__desc{font-size:12.5px;line-height:1.45;color:var(--an-muted)}
.an-badge{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:3px;background:var(--an-lime);color:var(--an-navy);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}
/* Spotlight */
.an-spot{padding:14px}
.an-spot__card{height:100%;display:grid;align-content:start;gap:8px;padding:16px;border-radius:8px;background:linear-gradient(160deg, var(--an-navy-2) 0%, var(--an-navy) 60%);border:1px solid rgba(204,255,51,.25);color:var(--an-white);transition:border-color var(--an-ease), transform var(--an-ease)}
.an-spot__card:hover{border-color:var(--an-lime);transform:translateY(-1px)}
.an-spot__card .an-eyebrow{color:var(--an-lime);margin-top:6px;font-size:10.5px}
.an-spot__img{display:block;width:100%;height:auto;margin-bottom:4px}
.an-spot__title{font-size:16px;font-weight:600;line-height:1.3;color:var(--an-white)}
.an-spot__text{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.62)}
.an-spot__cta{margin-top:4px;width:100%}
/* ---- Burger (mobile only) ---- */
.an-burger{display:none}
@media(max-width:1099px){
	.an-bar{padding:0 16px;gap:16px}
	.an-burger{display:inline-flex;margin-left:auto;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;color:var(--an-white)}
	.an-burger__lines,.an-burger__lines::before,.an-burger__lines::after{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform var(--an-ease), background var(--an-ease)}
	.an-burger__lines::before,.an-burger__lines::after{content:"";position:absolute;left:0}
	.an-burger__lines::before{top:-7px}
	.an-burger__lines::after{top:7px}
	.an-header.is-menu-open .an-burger__lines{background:transparent}
	.an-header.is-menu-open .an-burger__lines::before{transform:translateY(7px) rotate(45deg)}
	.an-header.is-menu-open .an-burger__lines::after{transform:translateY(-7px) rotate(-45deg)}
	.an-nav{position:fixed;left:0;right:0;top:var(--an-top, 106px);bottom:0;height:auto;flex-direction:column;background:var(--an-panel);color:var(--an-text);overflow-y:auto;padding:8px 16px calc(24px + env(safe-area-inset-bottom, 0px));display:none}
	.an-header.is-menu-open .an-nav{display:flex}
	.an-menu{flex-direction:column;height:auto;gap:0}
	.an-item{display:block;border-bottom:1px solid var(--an-line)}
	.an-trigger{width:100%;justify-content:space-between;padding:16px 4px;color:var(--an-text);font-size:16px}
	.an-trigger::after{display:none}
	.an-trigger:hover,.an-item.is-open > .an-trigger{color:var(--an-blue)}
	.an-panel{position:static;width:auto;min-height:0;display:none;grid-template-columns:1fr;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;transition:none}
	.an-item.is-open > .an-panel{display:grid}
	.an-rail{display:none}
	.an-links{padding:0 0 12px}
	.an-group[hidden]{display:block}
	/* show every Platform group stacked */
	.an-group + .an-group{margin-top:16px}
	.an-group__grid{grid-template-columns:1fr}
	.an-group__heading{display:block}
	.an-spot{display:none}
	.an-scrim{display:none}
	.an-ctas{margin:20px 0 0;flex-direction:column;align-items:stretch}
	.an-btn--secondary{color:var(--an-navy);border-color:var(--an-navy)}
}
@media(prefers-reduced-motion:reduce){
	.an-header *,.an-header *::before,.an-header *::after{transition:none !important}
}


/* ---- Theme compatibility (adthena-2022) ---- */
/* The theme sizes sticky sub-navs and anchor scroll offsets from --header-height,
   which was the old header's height. Match it to the new bar. */
:root{--header-height:72px}
/* The theme draws a focus ring on every focused button, including on mouse click.
   Keep the nav's own keyboard-only ring (:focus-visible, above) and drop the theme's. */
.an-header button:focus:not(:focus-visible){outline:none}
/* Match the headless pages' text rhythm: they run at line-height 1.65 with browser-default
   button line-height; the theme's base styles use 1.5 and make buttons inherit. */
.an-header{line-height:1.65}
.an-header .an-rail__tab{line-height:normal}