/* FGEBANow state pages.
   Part 1 copies the FGEBANow homepage shell (header, footer, tokens, buttons) from
   staging.fed-benefits-enrollment.com/fgebanow-redesign/ as fetched 2026-10-15. Provenance is in
   fgebanow-redesign/evidence/2026-10-15-shell-provenance.md. The one deliberate change: the phone
   menu collapses under html.fg-js (set by an inline head script) instead of the homepage's ready class (set by a
   deferred script), so it no longer flashes open on slow connections.
   Part 2 is the state page itself (fgs-*). */

/* Part 1: shell */
@font-face{font-family:Geist;src:url(../fonts/geist.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.fg-design{--navy:#001d46;--ink:#001435;--blue:#0049a8;--red:#bd0030;--muted:#465f7b;--pale:#edf8ff;--line:#e0e8f0;margin:0;background:#fff;color:var(--ink);font:400 16px/1.5 Geist,sans-serif;-webkit-font-smoothing:antialiased}
.fg-design *,.fg-design *::before,.fg-design *::after{box-sizing:border-box}
.fg-design [hidden]{display:none!important}
.fg-design h1,.fg-design h2,.fg-design h3,.fg-design p,.fg-design ul{margin:0}
.fg-design h1,.fg-design h2,.fg-design h3{color:inherit;font-family:Geist,sans-serif;line-height:1.12;letter-spacing:-.04em}
.fg-design a{color:inherit;text-decoration:none}
.fg-design button,.fg-design select{font:inherit}
.fg-design button,.fg-design a{touch-action:manipulation}
.fg-design img{display:block;max-width:100%;height:auto}
.fg-design .fg-shell{width:min(1248px,calc(100% - 80px));margin-inline:auto}
.fg-design :focus-visible{outline:3px solid #0070d9;outline-offset:4px}
.fg-design .fg-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fg-design .fg-skip{position:fixed;z-index:100;top:8px;left:8px;padding:12px 20px;background:var(--navy);color:#fff;transform:translateY(-160%)}
.fg-design .fg-skip:focus{transform:none}
.fg-design .fg-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:48px;padding:12px 25px;background:var(--red);border:1px solid var(--red);border-radius:5px;color:#fff;font:650 15px/1.4 Geist,sans-serif;cursor:pointer;white-space:nowrap}
.fg-design .fg-button:hover{background:#a00029;border-color:#a00029}
.fg-design .fg-button:disabled{opacity:.45;cursor:not-allowed}
.fg-design .fg-button>span[aria-hidden]{font-size:23px;font-weight:400;line-height:1}
.fg-design .fg-button-small{min-height:44px;padding:10px 22px;font-size:13px;gap:17px}
.fg-design .fg-header{background:#fff;position:relative;z-index:5}
.fg-design .fg-header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.fg-design .fg-brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.fg-design .fg-brand>img{width:78px;height:78px;object-fit:contain}
.fg-design .fg-brand-copy{display:flex;flex-direction:column}
.fg-design .fg-wordmark{font:700 39px/.98 Georgia,serif;letter-spacing:-.045em;white-space:nowrap}
.fg-design .fg-wordmark em{color:var(--red);font-weight:700}
.fg-design .fg-brand-tagline{font-size:8.4px;letter-spacing:.115em;line-height:1.35;text-transform:uppercase;margin-top:5px;font-weight:550}
.fg-design .fg-navigation{display:flex;align-items:center;gap:32px}
.fg-design .fg-navigation>a:not(.fg-button){font-size:13px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.fg-design .fg-navigation>a:not(.fg-button):hover{color:var(--blue);text-decoration:underline;text-underline-offset:5px}
.fg-design .fg-navigation>.fg-button{margin-left:35px}
.fg-design .fg-menu-toggle{display:none;border:0;background:#fff0;color:var(--navy);width:44px;height:44px;padding:10px;cursor:pointer}
.fg-design .fg-hamburger{display:block;width:24px;height:16px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;position:relative}
.fg-design .fg-hamburger:after{content:'';height:1.5px;width:100%;position:absolute;top:6px;left:0;background:currentColor}
.fg-design .fg-footer{border-top:1px solid var(--line);padding:8px 0}
.fg-design .fg-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
.fg-design .fg-footer .fg-brand>img{width:46px;height:46px}
.fg-design .fg-footer .fg-wordmark{font-size:21px}
.fg-design .fg-footer .fg-brand-tagline{font-size:4.5px;margin-top:3px}
.fg-design .fg-footer .fg-brand{gap:8px}
.fg-design .fg-footer nav,.fg-design .fg-footer-help{display:flex;gap:26px;font-size:10px;color:#264d7f;align-items:center}
.fg-design .fg-footer nav a,.fg-design .fg-footer-help a{min-height:24px;display:inline-flex;align-items:center}
.fg-design .fg-footer-help{gap:14px;font-size:9px}
.fg-design .fg-footer a:hover{text-decoration:underline}
.fg-design .fg-review-notes{font-size:10px;color:#647487;line-height:1.4;padding:7px 0 1px}
.fg-design .fg-review-notes>a{text-decoration:underline}

/* Part 2: state page */
.fgs-main:focus{outline:none}
.fgs-top{background:radial-gradient(ellipse at 22% 25%,#fff 0,#f1faff 60%,#e6f5ff 100%);padding:44px 0 40px}
.fgs-top-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:end}
.fgs-eyebrow{font-size:13px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.fgs-top h1{font-size:clamp(34px,4vw,54px);font-weight:760;line-height:1.04;letter-spacing:-.05em;max-width:20ch;overflow-wrap:anywhere}
.fgs-intro{font-size:18px;line-height:1.5;max-width:58ch;margin-top:16px;overflow-wrap:anywhere}
.fgs-picker{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;min-width:0}
.fgs-picker label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.fgs-picker-row{display:flex;gap:10px}
.fgs-picker select{flex:1;min-width:0;min-height:48px;padding:0 12px;border:1px solid #8aa0b8;border-radius:5px;background:#fff;color:var(--ink);font-size:15px}
.fgs-picker .fg-button{flex:none}
.fgs-video{background:linear-gradient(115deg,#102d49,#001435);color:#fff;padding:36px 0}
.fgs-video-grid{display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:40px;align-items:center}
.fgs-video-teaser{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--ink)}
.fgs-video-teaser img{width:100%;height:100%;object-fit:cover}
.fgs-video-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:2px solid #fff;background:var(--red);color:#fff;font-size:24px;cursor:pointer;display:grid;place-items:center}
.fgs-video-copy h2{font-size:32px;font-weight:650;letter-spacing:-.035em}
.fgs-video-copy p{font-size:16px;line-height:1.6;margin-top:10px}
.fg-design .fgs-video-link{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:#bfe5ff;text-decoration:underline;text-underline-offset:3px}
.fgs-video :focus-visible,.fgs-consultation :focus-visible{outline-color:#bfe5ff}
.fgs-video-dialog :focus-visible{outline-color:#0070d9}
.fgs-video-dialog{width:min(1200px,calc(100% - 24px));padding:0;border:0;border-radius:10px;background:#fff;color:var(--ink);max-height:calc(100dvh - 16px);overflow:auto}
.fgs-video-dialog::backdrop{background:rgb(0 17 39 / 80%)}
.fgs-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}
.fgs-dialog-head h2{font-size:20px;font-weight:650}
.fgs-video-close{min-width:44px;min-height:44px;background:none;border:0;font-size:30px;cursor:pointer;color:var(--ink)}
.fgs-video-dialog video{display:block;width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 120px);background:#001435}
.fgs-rates{padding:36px 0 0}
.fgs-rates-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--pale);border-radius:8px;padding:24px 28px}
.fgs-rates h2,.fgs-brochures h2,.fgs-consultation h2{font:700 29px/1.05 Georgia,serif;letter-spacing:-.025em;overflow-wrap:anywhere}
.fgs-rates p{font-size:15px;color:var(--muted);margin-top:8px}
.fgs-brochures{padding:40px 0}
.fgs-lede{font-size:15px;color:var(--muted);margin-top:8px;max-width:60ch}
.fgs-brochure-list{list-style:none;padding:0;margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}
.fgs-brochure{display:flex;flex-direction:column;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:6px;padding:18px;min-width:0}
.fgs-brochure h3{font-size:19px;font-weight:720;letter-spacing:-.035em;overflow-wrap:anywhere}
.fgs-brochure p{font-size:14px;color:var(--muted);line-height:1.45;margin-top:6px;overflow-wrap:anywhere}
.fg-design .fgs-brochure-link{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-weight:650;text-decoration:underline;text-underline-offset:4px}
.fgs-consultation{background:#002346;color:#fff;padding:32px 0}
.fgs-consultation-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.fgs-consultation p{font-size:16px;line-height:1.5;margin-top:10px;max-width:56ch}
.fgs-consultation a:not(.fg-button){text-decoration:underline;text-underline-offset:3px;font-weight:650}

/* Breakpoints match the homepage: desktop ≥1100, tablet 601–1099, phone ≤600, small ≤360 */
@media (max-width:1200px) and (min-width:1100px){
.fg-design .fg-navigation{gap:22px}.fg-design .fg-navigation>.fg-button{margin-left:0}.fg-design .fg-wordmark{font-size:33px}.fg-design .fg-brand>img{width:68px;height:68px}.fg-design .fg-brand-tagline{font-size:7px}.fg-design .fg-header-inner{gap:20px}
}
@media (max-width:1099px){
.fg-design .fg-shell{width:calc(100% - 48px)}
.fg-design .fg-header-inner{height:80px;flex-wrap:wrap;gap:0}
.fg-design .fg-brand>img{width:64px;height:64px}.fg-design .fg-wordmark{font-size:32px}.fg-design .fg-brand-tagline{font-size:7px}
.fg-design .fg-menu-toggle{display:block}
.fg-design .fg-navigation{width:100%;padding:14px 0 20px;background:#fff;flex-wrap:wrap;gap:12px 25px}
.fg-design .fg-navigation>.fg-button{margin-left:auto}
html.fg-js .fg-design .fg-navigation{display:none}
html.fg-js .fg-design .fg-menu-toggle[aria-expanded=true]+.fg-navigation{display:flex}
html:not(.fg-js) .fg-design .fg-header-inner{height:auto;min-height:80px}
html:not(.fg-js) .fg-design .fg-menu-toggle{display:none}
.fg-design .fg-footer nav{gap:15px}.fg-design .fg-footer-help{gap:8px;font-size:8px}
.fgs-top-grid{grid-template-columns:minmax(0,1fr);gap:24px}
.fgs-video-grid{grid-template-columns:minmax(0,1fr);gap:22px}
}
@media (max-width:600px){
.fg-design .fg-shell{width:calc(100% - 40px)}
.fg-design .fg-header-inner{height:78px}
.fg-design .fg-brand{gap:8px}.fg-design .fg-brand>img{width:59px;height:59px}.fg-design .fg-wordmark{font-size:29px}.fg-design .fg-brand-tagline{font-size:5.8px;letter-spacing:.08em;margin-top:3px}
.fg-design .fg-menu-toggle{width:40px;height:44px;padding:8px}
.fg-design .fg-navigation{flex-direction:column;align-items:stretch;gap:0;padding:12px 0}
.fg-design .fg-navigation>a:not(.fg-button){font-size:15px;min-height:44px}
.fg-design .fg-navigation>.fg-button{margin:10px 0 0;justify-content:center}
.fg-design .fg-footer-inner{flex-wrap:wrap;gap:15px}
.fg-design .fg-footer .fg-brand>img{width:39px;height:39px}.fg-design .fg-footer .fg-wordmark{font-size:19px}.fg-design .fg-footer .fg-brand-tagline{font-size:4px}
.fg-design .fg-footer nav{font-size:9px;gap:13px}.fg-design .fg-footer-help{width:100%;justify-content:space-between;font-size:10px}
.fg-design .fg-review-notes{font-size:9px;padding-top:9px}
.fgs-top{padding:28px 0}
.fgs-intro{font-size:16px}
.fgs-picker-row{flex-direction:column}
.fgs-picker .fg-button{justify-content:center}
.fgs-rates-inner{flex-direction:column;align-items:stretch;padding:20px}
.fgs-rates .fg-button,.fgs-consultation .fg-button{justify-content:center;white-space:normal;text-align:center}
.fgs-rates h2,.fgs-brochures h2,.fgs-consultation h2{font-size:25px}
.fgs-consultation-inner{flex-direction:column;align-items:stretch}
.fgs-video-copy h2{font-size:26px}
.fgs-video-start{width:64px;height:64px}
}
@media (max-width:360px){
.fg-design .fg-shell{width:calc(100% - 32px)}
.fg-design .fg-brand>img{width:51px;height:51px}.fg-design .fg-wordmark{font-size:26px}.fg-design .fg-brand-tagline{font-size:5.2px}
.fg-design .fg-footer nav{width:100%;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){
.fg-design *,.fg-design *::before,.fg-design *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}