/* 411 Small Business Facts — fixed 1055px canvas, built to the supplied mockup.
   Edit the custom properties below to move the search element. */
/*v4.14 brand font: Gotham is a licensed font, so Montserrat (free, closest match) is used until the real Gotham files are supplied.
  To switch: add an @font-face named 'Gotham' (woff2) below; it is first in --font and takes over everywhere. No other change is needed.*/
@font-face{font-family:'Montserrat';font-weight:100 900;font-display:swap;src:url(../fonts/montserrat-latin-ext-var.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-weight:100 900;font-display:swap;src:url(../fonts/montserrat-latin-var.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* v4.40 official Gotham (same files and weight mapping as the SBET site). Put the 8 .woff2 files in assets/fonts/ :
   Gotham-Light, -LightItalic, -Book, -BookItalic, -Medium, -MediumItalic, -Bold, -BoldItalic.
   Until the files are there, the browser quietly uses the next font in --font (Montserrat). */
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-Light.woff2) format('woff2');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-LightItalic.woff2) format('woff2');font-style:italic;font-weight:300;font-display:swap}
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-Book.woff2) format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-BookItalic.woff2) format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-Medium.woff2) format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-MediumItalic.woff2) format('woff2');font-style:italic;font-weight:500;font-display:swap}
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-Medium.woff2) format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-MediumItalic.woff2) format('woff2');font-style:italic;font-weight:600;font-display:swap}
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-Bold.woff2) format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-BoldItalic.woff2) format('woff2');font-style:italic;font-weight:700;font-display:swap}
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-Bold.woff2) format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-BoldItalic.woff2) format('woff2');font-style:italic;font-weight:800;font-display:swap}
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-Bold.woff2) format('woff2');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:'Gotham';src:url(../fonts/Gotham-BoldItalic.woff2) format('woff2');font-style:italic;font-weight:900;font-display:swap}
:root{
  --canvas:1055px;
  --font:'Gotham','Gotham SSm','Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  /* ▼ Search element placement (relative to the hero's top-left) ▼ */
  --search-left:63px; --search-top:274px; --search-width:671px; --search-height:57px;
  --popular-left:179px; --popular-top:340px;
  --navy:#0a1c49; --gold:#f6ad09;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:#fff;-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:#3d475f;min-width:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;overflow-x:auto}
a{color:inherit;text-decoration:none} ul{list-style:none} img{display:block}
.wrap{position:relative;width:var(--canvas);height:100%;margin:0 auto}
.t{position:absolute;white-space:nowrap}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid #f6ad09;outline-offset:3px;border-radius:6px}

/* ---------- header ---------- */
.hdr{height:75px;background:radial-gradient(900px 150px at 100% 0,rgba(56,88,124,.55),rgba(56,88,124,0) 72%),linear-gradient(90deg,#08264b,#0b284e 55%,#0d2a50)}
.hdr__logo{position:absolute;left:61px;top:20px}.hdr__logo img,.hdr__title img{display:block}
.hdr__title{position:absolute;left:239px;top:23px}
.hdr__rule{position:absolute;left:213px;top:19.5px;width:1px;height:36px;background:rgba(255,255,255,.62)}
.hdr__nav a{position:absolute}
.hdr__nav a.is-active::after{content:'';position:absolute;left:1px;right:0;top:30.5px;height:1.5px;background:#e8d9ae}

/* ---------- hero ---------- */
.hero{height:402px;background:#fefefe;overflow:hidden}
.hero__bg{position:absolute;left:470px;top:1px;width:585px;height:401px;background:url(../images/hero-bg.png) no-repeat 0 0;pointer-events:none}
@media (min-width:1100px){.hero__bg{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 100px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 100px),transparent)}}
.hero__h1 span{display:block}
.hero__h1 .t{text-shadow:0 0 9px rgba(255,255,255,.95),0 0 3px rgba(255,255,255,.8)}
.hero__bar{position:absolute;left:63px;top:165px;width:67px;height:5px;border-radius:2px;background:var(--gold)}
.hero__p{text-shadow:0 0 6px rgba(255,255,255,.9)}
.search{position:absolute;left:var(--search-left);top:var(--search-top);width:var(--search-width);height:var(--search-height);background:#fff;border:1px solid #dbe3ef;border-radius:12px;box-shadow:0 7px 18px -2px rgba(23,52,104,.11),0 1px 3px rgba(23,52,104,.05)}
.search__icon{position:absolute;left:19.5px;top:15px;width:25px;height:25px;color:#0b2456}
.search__input{position:absolute;left:63px;top:-2px;letter-spacing:-0.08px;width:480px;height:100%;border:0;background:transparent;font:400 16px/20px var(--font);color:#0a1c49;outline-offset:-2px}
.search__input::placeholder{color:#525c77;opacity:1}
.search__btn{position:absolute;right:4px;top:6px;width:128px;height:44px;border:0;border-radius:8px;background:#0b3367;color:#fff;font:600 16px/20px var(--font);display:flex;align-items:center;justify-content:center;gap:13px;cursor:pointer}
.search__btn svg{width:20px;height:20px}
.popular{position:absolute;left:0;top:0}
.chip{position:absolute;top:340px;height:27px;border-radius:14px;background:#e3edf8;color:#264a88;font:500 12px/30px var(--font);text-align:center;overflow:hidden;white-space:nowrap}

/* ---------- four ways ---------- */
.ways{height:345px;background:linear-gradient(#f1f5fa,#edf5fa)}
.ways__title b{color:#f4aa0a;font-weight:800;font-size:17px;letter-spacing:0.5px;vertical-align:baseline}
.rule{position:absolute;height:1px;background:#b4bfcc}
.card{position:absolute;top:57px;width:222px;height:267px;border-radius:14px;box-shadow:0 3px 14px rgba(33,66,118,.075),0 0 0 1px rgba(255,255,255,.6) inset}
.card--1{background:linear-gradient(#f6fbfe,#f3f9fd)} .card--2{background:linear-gradient(#f5fcf9,#f1fbf6)}
.card--3{background:linear-gradient(#fef9f4,#fdf8f2)} .card--4{background:linear-gradient(#faf9fe,#f7f8fc)}
.card__link{position:absolute;inset:0;z-index:2;border-radius:14px}
.card img{position:absolute;top:12px}
.card__go{position:absolute;top:207px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:#fff}
.card__go svg{width:20px;height:20px}
.card--1 .card__go{background:#1167b2} .card--2 .card__go{background:#098450} .card--3 .card__go{background:#df840c} .card--4 .card__go{background:#6f66b3}
.card .t{text-align:center;width:222px;margin-left:0}

/* ---------- about ---------- */
.about{height:303px;background:#fefefe}
.about__rule{position:absolute;left:585px;top:30px;width:1px;height:243px;background:#e6e9ee}
.about__btn{position:absolute;left:65px;top:242px;width:246px;height:39px;border:1.5px solid #091e57;border-radius:20px;color:#091e57;font:700 13.5px/1 var(--font);display:flex;align-items:center;gap:13px;padding-left:29px;white-space:nowrap}
.about__btn svg{width:18px;height:18px}
.feat img{position:absolute;left:624px}


/* ---------- footer ---------- */
.ftr{height:136px;background:#0b2945;border-top:1px solid rgba(255,255,255,.0)}
.ftr__sep{position:absolute;width:1px;height:14px;background:rgba(255,255,255,.55)}
.ftr__rule{position:absolute;left:66px;top:78px;width:921px;height:1px;background:rgba(255,255,255,.62)}
.ftr .social img{position:absolute}

.e-nav0{left:619px;top:30.37px;font-size:12px;line-height:16px;font-weight:400;color:rgba(255,255,255,.93);}
.e-nav1{left:719px;top:29.37px;font-size:12px;line-height:16px;font-weight:400;color:rgba(255,255,255,.93);}
.e-nav2{left:775px;top:30.37px;font-size:12px;line-height:16px;font-weight:400;color:rgba(255,255,255,.93);}
.e-nav3{left:826px;top:30.37px;font-size:12px;line-height:16px;font-weight:400;color:rgba(255,255,255,.93);}
.e-nav4{left:929px;top:30.37px;font-size:12px;line-height:16px;font-weight:400;color:rgba(255,255,255,.93);}
.e-h1a{left:62px;top:42.73px;font-size:51.5px;line-height:54px;font-weight:600;color:#011538;letter-spacing:0.038px;}
.e-h1b{left:62px;top:96.73px;font-size:51.5px;line-height:54px;font-weight:600;color:#011538;letter-spacing:-0.8px;}
.e-p{left:64px;top:184.62px;font-size:16px;line-height:22.4px;font-weight:400;color:#3d475f;}
.e-lbl{left:65px;top:346.47px;font-size:12.3px;line-height:16px;font-weight:700;color:#0b1f55;letter-spacing:0.062px;}
.e-ph{left:126px;top:289.82px;font-size:16px;line-height:20px;font-weight:400;color:#525c77;}
.e-wt{left:265px;top:22.73px;font-size:13px;line-height:16px;font-weight:500;color:#1b2f4f;letter-spacing:1.925px;}
.e-ct1{left:62.5px;top:151.91px;font-size:19px;line-height:22px;font-weight:680;color:#0a1c49;letter-spacing:0.273px;}
.e-cd1{left:62.5px;top:181.96px;font-size:15px;line-height:19px;font-weight:400;color:#46506a;}
.e-ct2{left:302px;top:151.91px;font-size:19px;line-height:22px;font-weight:680;color:#0a1c49;letter-spacing:0.334px;}
.e-cd2{left:302px;top:181.96px;font-size:15px;line-height:19px;font-weight:400;color:#46506a;letter-spacing:0.1px;}
.e-ct3{left:535.5px;top:151.91px;font-size:19px;line-height:22px;font-weight:680;color:#0a1c49;}
.e-cd3{left:535.5px;top:181.96px;font-size:15px;line-height:19px;font-weight:400;color:#46506a;letter-spacing:0.1px;}
.e-ct4{left:775px;top:151.91px;font-size:19px;line-height:22px;font-weight:680;color:#0a1c49;letter-spacing:0.5px;}
.e-cd4{left:775px;top:181.96px;font-size:15px;line-height:19px;font-weight:400;color:#46506a;letter-spacing:0.086px;}
.e-eb{left:66px;top:27.73px;font-size:13px;line-height:16px;font-weight:500;color:#36435f;letter-spacing:1.74px;}
.e-h2{left:66px;top:50.91px;font-size:24.5px;line-height:30px;font-weight:720;color:#09194a;letter-spacing:-0.053px;}
.e-ap{left:66px;top:121.72px;font-size:14.9px;line-height:21.4px;font-weight:400;color:#454e66;letter-spacing:-0.014px;}
.e-ft1{left:723px;top:35.31px;font-size:14.6px;line-height:18px;font-weight:640;color:#0a1c49;letter-spacing:0.059px;}
.e-fd1{left:723px;top:60.83px;font-size:13.7px;line-height:18.3px;font-weight:400;color:#4b536b;letter-spacing:0.05px;}
.e-ft2{left:723px;top:127.31px;font-size:14.6px;line-height:18px;font-weight:640;color:#0a1c49;letter-spacing:0.158px;}
.e-fd2{left:723px;top:151.83px;font-size:13.7px;line-height:18.3px;font-weight:400;color:#4b536b;}
.e-ft3{left:723px;top:220.31px;font-size:14.6px;line-height:18px;font-weight:640;color:#0a1c49;letter-spacing:0.111px;}
.e-fd3{left:723px;top:244.83px;font-size:13.7px;line-height:18.3px;font-weight:400;color:#4b536b;letter-spacing:0.073px;}
.e-fn0{left:337px;top:31.91px;font-size:13.5px;line-height:18px;font-weight:400;color:rgba(255,255,255,.92);}
.e-fn1{left:458px;top:31.91px;font-size:13.5px;line-height:18px;font-weight:400;color:rgba(255,255,255,.92);}
.e-fn2{left:524px;top:31.91px;font-size:13.5px;line-height:18px;font-weight:400;color:rgba(255,255,255,.92);}
.e-fn3{left:582px;top:31.91px;font-size:13.5px;line-height:18px;font-weight:400;color:rgba(255,255,255,.92);}
.e-fn4{left:701px;top:31.91px;font-size:13.5px;line-height:18px;font-weight:400;color:rgba(255,255,255,.92);}
.e-fs1{left:66px;top:90.71px;font-size:10.2px;line-height:14px;font-weight:400;color:rgba(255,255,255,.78);letter-spacing:0.054px;}
.e-fs2{left:641px;top:86.97px;font-size:10.9px;line-height:16px;font-weight:400;color:rgba(255,255,255,.78);letter-spacing:0.014px;}
.e-fs3{left:848px;top:102.75px;font-size:10.3px;line-height:16px;font-weight:400;color:rgba(255,255,255,.78);letter-spacing:0.185px;}

/* =====================================================================
   Accessibility base, shared components, subpages and mobile layout
   ===================================================================== */
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:8px;top:-80px;z-index:1000;background:#fff;color:#0b3367;padding:12px 18px;border:2px solid #0b3367;border-radius:8px;font:600 16px/1.2 var(--font);text-decoration:none}
.skip-link:focus{top:8px}
:focus-visible{outline:3px solid #0b3367;outline-offset:3px;box-shadow:0 0 0 2px #fff;border-radius:4px}
.hdr :focus-visible,.ftr :focus-visible{outline:3px solid #ffd166;outline-offset:3px;box-shadow:none}
.search__input:focus-visible{outline:3px solid #0b3367;outline-offset:-3px;box-shadow:none}
.search__btn:focus-visible{outline:3px solid #0b3367;outline-offset:3px;box-shadow:0 0 0 2px #fff}
.card__link:focus-visible{outline-offset:2px;border-radius:14px}
.nav-toggle{display:none}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* contrast corrections (verified by script): the gold "2000" is darkened and enlarged to large-text size */
.ways__title b{color:#b36f00;font-size:19px}
.hdr__nav a,.ftr a{color:#fff}
.ftr__nav a.t,.hdr__nav a.t{text-decoration:none}
.ftr__nav a.t{line-height:24px;margin-top:-3px}
.hdr__nav a.t{line-height:24px;margin-top:-4px}
.panel,.lead,.crumbs{overflow-wrap:break-word}

/* ---- home: items changed for real content / accessibility ---- */
.hero__p br{display:inline}
.hdr .wrap{height:100%}
.popular{position:absolute;top:340px;display:flex;gap:10px;list-style:none;margin:0;padding:0}
.popular .chip{position:static;display:block;padding:0 16px;width:auto;line-height:27px;text-decoration:none}
.popular .chip:hover{background:#d3e3f6}
.e-fs2,.e-fs3{left:auto;right:68px;text-align:right}
.e-fs3 sup{font-size:.6em;vertical-align:.5em;line-height:0}
.search__input{padding:0}
.feat__txt{display:contents}
.ftr{height:auto}
.ftr .wrap{height:auto;min-height:136px;display:flow-root}
.ftr__legacy{margin-top:124px;padding:9px 0 18px;border-top:1px solid rgba(255,255,255,.22);margin-left:63px;margin-right:63px}
.ftr__legacy ul{list-style:none;display:flex;flex-wrap:wrap;gap:0 26px}
.ftr__legacy a{display:inline-block;padding:4px 0;min-height:24px;font:400 13.5px/16px var(--font);color:#fff;text-decoration:underline;text-underline-offset:3px}
.social{list-style:none}
.ftr .social a{display:block}
.plain-h1{font:600 36px/1.2 var(--font);color:#011538;margin-bottom:14px}

/* ---- subpages ---- */
.page-wrap{width:var(--canvas);margin:0 auto;padding:0 63px}
.page-hero{background:#fefefe;padding:30px 0 34px}
.crumbs ol{display:flex;flex-wrap:wrap;list-style:none;font:400 14px/20px var(--font);color:#46506a}
.crumbs li+li::before{content:'/';margin:0 8px;color:#5a6580}
.crumbs a{color:#0b3367;text-decoration:underline;text-underline-offset:2px;display:inline-block;padding:2px 0;min-height:24px}
.page-hero h1{font:600 46px/1.1 var(--font);letter-spacing:-.5px;color:#011538;margin:16px 0 18px}
.gold-bar{display:block;width:67px;height:5px;border-radius:2px;background:#f6ad09}
.lead{margin-top:20px;max-width:720px;font:400 17px/1.55 var(--font);color:#3d475f}
.page-body{background:linear-gradient(#f1f5fa,#edf5fa);padding:38px 0 64px}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}
.grid.single{grid-template-columns:minmax(0,1fr)}
.panel{background:#fff;border-radius:14px;box-shadow:0 3px 14px rgba(33,66,118,.075);padding:32px 36px;font:400 16px/1.6 var(--font);color:#3d475f}
.panel h2{font:700 24px/1.25 var(--font);color:#09194a;margin:34px 0 14px}
.panel>h2:first-child,.panel>section:first-child>h2:first-child{margin-top:0}
.panel h3{font:700 18px/1.35 var(--font);color:#0a1c49;margin:26px 0 8px}
.panel p{margin:0 0 14px}
.panel a{color:#0b3367;text-decoration:underline;text-underline-offset:2px}
.panel a:hover{color:#06214a}
.panel ul,.panel ol{margin:0 0 16px 22px}
.panel li{margin:5px 0}
.panel strong{color:#1c2745}
.panel em{font-style:italic}
.panel code{font:500 14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:#eef3f9;padding:1px 6px;border-radius:4px}
.tip{background:#f6fbfe;font-size:15px;position:sticky;top:16px}
.tip h2{font-size:20px;margin:0 0 10px}
.top-link{display:inline-block;margin:2px 0 6px;font-size:14px;min-height:24px;padding:2px 0}
.muted{color:#46506a}
.note,.stats-line{background:#f1f5fa;border-left:4px solid #0b3367;border-radius:6px;padding:12px 16px;margin:0 0 18px}
.callout{background:#fff8e6;border-left:4px solid #8f5d00;border-radius:6px;padding:12px 16px;margin:0 0 18px}
.btnrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 26px;border:2px solid #0b3367;border-radius:8px;background:#0b3367;color:#fff;font:600 16px/1 var(--font);cursor:pointer}
.btn:hover{background:#06214a;border-color:#06214a}
.btn--ghost{background:#fff;color:#0b3367}
.btn--ghost:hover{background:#eef3f9;color:#06214a}
main .panel input[type=text]{min-height:44px;width:100%;padding:0 14px;border:2px solid #5d6a86;border-radius:8px;font:400 16px/1.2 var(--font);color:#0a1c49;background:#fff}
.qs label{display:block;font-weight:600;margin-bottom:8px;color:#0a1c49}
.qs__row{display:flex;gap:12px;max-width:640px}
.four{list-style:none;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.four li{margin:0;background:#f6fbfe;border-radius:12px;padding:18px 20px}
.four h3{margin:0 0 6px}
.four p{margin:0;font-size:15px}
.facts{list-style:none;margin:0 0 14px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.facts li{margin:0;background:#f6fbfe;border-radius:12px;padding:16px 12px;text-align:center}
.facts .num{display:block;font:700 34px/1.1 var(--font);color:#09194a}
.facts .lbl{display:block;margin-top:6px;font-size:13.5px;line-height:1.35;color:#46506a}
.kwset,.catform .cats{border:1px solid #b9c4d6;border-radius:10px;padding:16px 18px;margin:0 0 18px}
.kwset legend{font-weight:700;color:#09194a;padding:0 8px}
.checks{list-style:none;margin:0!important;columns:3 200px;column-gap:26px}
.checks li{margin:0;break-inside:avoid}
.checks label,.cat__head label{display:flex;align-items:flex-start;gap:10px;padding:5px 0;min-height:28px;cursor:pointer}
input[type=checkbox]{width:20px;height:20px;margin-top:1px;flex:none;accent-color:#0b3367}
.cats{list-style:none;margin:0 0 18px!important;padding:0}
.cat{border-bottom:1px solid #dde4ee;padding:6px 0}
.cat:last-child{border-bottom:0}
.cat__head{display:flex;align-items:center;gap:10px}
.cat__toggle{width:36px;height:36px;border:2px solid #0b3367;border-radius:8px;background:#fff;color:#0b3367;font:700 20px/1 var(--font);cursor:pointer;flex:none}
.cat .checks{margin:6px 0 10px 46px!important}
.cat small{color:#46506a}
.plist{list-style:none;margin:0!important}
.plist li{margin:0;padding:7px 0;border-bottom:1px solid #edf1f6;line-height:1.35}
.plist .pdf{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:2px 8px;min-height:24px;border:1px solid #0b3367;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none!important;white-space:nowrap}
.pdfmeta{font-size:12.5px;color:#3d475f;white-space:nowrap}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cols3 h3{margin-top:0}
.year{margin-bottom:6px}
.sprite+a{display:none}

/* =====================================================================
   Below the 1055px canvas: reflow (WCAG 1.4.10) and mobile layout
   ===================================================================== */
@media (max-width:1054px){
  body{min-width:0}
  .wrap{width:auto;max-width:1055px;height:auto;padding:0 20px}
  .page-wrap{width:auto;padding:0 20px}
  .t{position:static;left:auto;top:auto;white-space:normal;width:auto;max-width:100%}
  .t br{display:none}
  .hdr{height:auto;padding:12px 0}
  .hdr .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
  .hdr__logo,.hdr__title,.hdr__rule{position:static}
  .hdr__logo img{width:118px;height:auto}
  .hdr__rule{width:1px;height:30px}
  .hdr__title img{width:min(220px,50vw);height:auto}
  .nav-toggle{display:inline-flex;align-items:center;margin-left:auto;min-height:44px;padding:0 18px;border:2px solid #fff;border-radius:8px;background:transparent;color:#fff;font:600 16px/1 var(--font);cursor:pointer}
  .hdr__nav{display:none;width:100%;flex-direction:column}
  .hdr__nav.is-open{display:flex}
  .hdr__nav a.t{position:static;display:block;margin-top:0;padding:11px 0;font-size:16px;line-height:24px;border-top:1px solid rgba(255,255,255,.22)}
  .hdr__nav a.is-active::after{display:none}
  .hdr__nav a.is-active{text-decoration:underline;text-decoration-color:#e8d9ae;text-decoration-thickness:2px;text-underline-offset:6px}

  .hero{height:auto;padding:26px 0 0;overflow:visible}
  .hero .wrap{display:flex;flex-direction:column;align-items:stretch}
  .hero__h1 .t{display:block;font-size:clamp(32px,8.4vw,51px);line-height:1.1;letter-spacing:-.01em}
  .hero__bar{position:static;margin:16px 0 18px}
  .hero__p.t{font-size:16px;line-height:1.55}
  .search{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:57px;display:flex;align-items:center;gap:6px;padding:6px 6px 6px 14px;margin-top:20px}
  .search__icon{position:static;flex:none;width:22px;height:22px}
  .search__input{position:static;flex:1;min-width:0;width:auto;height:44px}
  .search__btn{position:static;flex:none;width:auto;padding:0 18px;height:44px}
  .e-lbl.t{margin:16px 0 8px}
  .popular{position:static;flex-wrap:wrap}
  .popular .chip{line-height:34px;height:36px;font-size:14px}
  .hero__bg{position:static;order:10;width:100%;height:230px;margin-top:26px;background-size:cover;background-position:right center}

  .ways,.about,.news{height:auto;padding:38px 0}
  .rule{display:none}
  .ways__title.t{text-align:center;font-size:13px;line-height:1.7;letter-spacing:.12em;margin:0 0 22px}
  .cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
  .card{position:relative;left:auto!important;top:auto;width:auto;height:auto;min-height:250px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 18px 18px}
  .card img{position:static}
  .card .t{position:static;width:auto;margin:10px 0 0}
  .card .e-ct1,.card .e-ct2,.card .e-ct3,.card .e-ct4{font-size:19px;line-height:1.25}
  .card__go{position:static;margin:auto 0 0;flex:none}
  .card p.t{margin-bottom:16px;font-size:15px;line-height:1.4}

  .about .wrap{display:block}
  .about p.t,.about h2.t{margin-bottom:12px}
  .e-eb.t{font-size:13px;letter-spacing:.12em}
  .e-h2.t{font-size:clamp(24px,6.2vw,28px);line-height:1.2;letter-spacing:0}
  .e-ap.t{font-size:15.5px;line-height:1.55}
  .about__btn{position:static;display:inline-flex;margin:12px 0 30px;width:auto;height:46px;padding:0 24px}
  .about__rule{display:none}
  .feat{list-style:none}
  .feat li{display:flex;gap:16px;align-items:flex-start;margin:0 0 24px}
  .feat img{position:static;flex:none;width:64px;height:64px}
  .feat__txt{display:block}
  .feat .t{margin:0}
  .e-ft1,.e-ft2,.e-ft3{font-size:16px;line-height:1.3;margin-bottom:4px!important}
  .e-fd1,.e-fd2,.e-fd3{font-size:14.5px;line-height:1.45}


  .ftr{height:auto}
  .ftr .wrap{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:26px 20px 20px;min-height:0}
  .ftr__logo{position:static!important}
  .ftr__nav{display:flex;flex-wrap:wrap;gap:0 20px}
  .ftr__nav a.t{display:inline-block;margin-top:0;padding:9px 0;font-size:15px;line-height:22px}
  .ftr__sep{display:none}
  .social{display:flex;gap:14px}
  .ftr .social img{position:static}
  .ftr__rule{position:static;width:100%}
  .e-fs1.t,.e-fs2.t,.e-fs3.t{text-align:left;font-size:12.5px;line-height:1.5}
  .ftr__legacy{margin:0;width:100%}

  .page-hero{padding:22px 0 26px}
  .page-hero h1{font-size:clamp(30px,8vw,46px)}
  .grid{grid-template-columns:minmax(0,1fr)}
  .tip{position:static}
  .panel{padding:24px 20px}
}
@media (max-width:760px){
  .four{grid-template-columns:1fr}
  .facts{grid-template-columns:repeat(2,1fr)}
  .cols3{grid-template-columns:1fr}
  .qs__row{flex-direction:column}
  .search{flex-wrap:wrap}
  .search__input{flex:1 1 150px}
}
@media (max-width:420px){
  .hdr__title{display:none}
  .btn{width:100%}
}

.credit{font-weight:600;color:#09194a;margin:0 0 14px!important}

/* =====================================================================
   Search by Keyword page (built to the supplied template)
   ===================================================================== */
[hidden]{display:none!important}
.kic{width:22px;height:22px;flex:none}
.kw-disc{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;flex:none;background:#dceafd;color:#1167b2}
.kw-teal{background:#d4f1ef;color:#0b6f6d}.kw-yellow{background:#fdefc4;color:#8a5a00}
.kw-green .kw-disc{background:#d9f3e6;color:#0a7a4a}.kw-orange .kw-disc{background:#fde9cf;color:#b05a00}.kw-purple .kw-disc{background:#e8e3fb;color:#5c54a8}.kw-blue .kw-disc,.kw-blue.kw-disc{background:#dceafd;color:#1167b2}
.kw-hero{position:relative;background:#fefefe;overflow:hidden}
.kw-hero::before{content:'';position:absolute;right:0;top:0;bottom:0;width:100%;max-width:1055px;left:50%;transform:translateX(-50%);background:url(../images/hero-bg.png) no-repeat right 0 center/351px 241px;pointer-events:none}
.kw-hero__in{position:relative;width:var(--canvas);margin:0 auto;padding:30px 39px 30px}
.kw-hero h1{font:700 46px/1.1 var(--font);letter-spacing:-.5px;color:#011538;margin:14px 0 14px}
.kw-lead{margin-top:20px;max-width:640px;font:italic 400 19px/1.4 var(--font);color:#2f3a54}
.kw-body{background:linear-gradient(#f4f8fc,#eef4fa);padding:22px 0 34px}
.kw-layout{width:var(--canvas);margin:0 auto;padding:0 23px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.kw-main.panel{padding:16px;font-size:15px}
.kw-top{display:grid;grid-template-columns:172px 190px minmax(0,1fr);gap:12px;margin-bottom:14px}
.kw-stat{display:flex;align-items:center;gap:10px;background:#eef4fb;border-radius:12px;padding:10px 12px;color:#09194a}
.kw-stat strong{display:block;white-space:nowrap;font:700 17px/1.2 var(--font)}
.kw-sub{display:block;font-size:14px;line-height:1.3;color:#46506a}
.kw-filter{position:relative;display:flex;align-items:center}
.kw-fi{position:absolute;left:14px;color:#0b3367;pointer-events:none}
.kw-main .kw-filter input[type=text]{width:100%;min-height:50px;padding:0 44px 0 46px;border:1.5px solid #5d6a86;border-radius:12px;font:400 15px/1.2 var(--font);color:#0a1c49;background:#fff}
.kw-main .kw-filter input::placeholder{color:#525c77;opacity:1}
.kw-fx{position:absolute;right:8px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#3d475f;cursor:pointer}
.kw-fx:hover{background:#eef4fb}
.kw-group{margin-bottom:12px}
.kw-group h2{margin:0!important;font:inherit!important}
.kw-gh{display:flex;align-items:center;gap:14px;width:100%;min-height:62px;padding:10px 16px;border:0;border-radius:12px;background:#eef4fb;color:#09194a;text-align:left;cursor:pointer;font:inherit}
.kw-green .kw-gh{background:#eef8f3}.kw-orange .kw-gh{background:#fff6ea}.kw-purple .kw-gh{background:#f2effc}
.kw-gh:hover{filter:brightness(.97)}
.kw-gh[aria-expanded=true]{border-radius:12px 12px 0 0}
.kw-gh .kw-disc{width:46px;height:46px}.kw-gh .kw-disc .kic{width:24px;height:24px}
.kw-glab{font:700 20px/1 var(--font);letter-spacing:.2px}
.kw-gcount{font-size:15px;color:#46506a}
.kw-chev{margin-left:auto;width:24px;height:24px;color:#0b3367}
.kw-gh[aria-expanded=true] .kw-chev{transform:rotate(180deg)}
.kw-gp{border:1px solid #cfdae8;border-top:0;border-radius:0 0 12px 12px;padding:14px 18px 10px;background:#fff}
.kw-list{list-style:none;margin:0!important;columns:3 150px;column-gap:16px}
.kw-list li{margin:0;break-inside:avoid}
.kw-list label{display:flex;align-items:flex-start;gap:9px;padding:4px 0;min-height:28px;font-size:13.5px;line-height:19px;cursor:pointer;color:#2f3a54;overflow-wrap:break-word;word-break:normal}
.kw-list input[type=checkbox]{width:18px;height:18px;margin-top:1px}
.kw-none{margin:6px 0;color:#46506a}
.kw-side{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.kw-side>*{min-width:0}
.kw-card{background:#fff;border-radius:14px;box-shadow:0 3px 14px rgba(33,66,118,.075);padding:18px 18px 20px;font:400 15px/1.5 var(--font);color:#3d475f}
.kw-card h2{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:700 19px/1.2 var(--font);color:#09194a}
.kw-card p{margin:0 0 10px}
.kw-tips{background:linear-gradient(#fffaf0,#fff7e8)}
.kw-selrow{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.kw-selrow p{margin:0}
.kw-link{border:0;background:none;padding:2px 4px;min-height:24px;color:#0b3367;font:600 14px/1.2 var(--font);text-decoration:underline;cursor:pointer}
.kw-chosen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:108px;padding:12px;border:1.5px dashed #8a9bb3;border-radius:10px;margin-bottom:12px}
.kw-empty{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0!important;color:#46506a;text-align:center}
.kw-emptyic{width:30px;height:30px;color:#5d6a86}
.kw-chosen ul{list-style:none;margin:0!important;padding:0;display:flex;flex-wrap:wrap;gap:6px;width:100%}
.kw-chosen li{display:inline-flex;align-items:center;gap:2px;margin:0;background:#e3edf8;border-radius:16px;padding:2px 3px 2px 11px;font-size:13.5px;line-height:20px;color:#0b3367}
.kw-chipx{width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:#0b3367;font:700 17px/1 var(--font);cursor:pointer}
.kw-chipx:hover{background:#c9dbf1}
.kw-help{font-size:14.5px}
.kw-err{margin:0 0 10px!important}
.kw-go,.kw-clear{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:0 16px;border:2px solid #0b3367;border-radius:10px;font:600 17px/1 var(--font);cursor:pointer}
.kw-go{background:#0b3367;color:#fff;margin-top:6px}.kw-go:hover{background:#06214a}
.kw-go span{flex:1;text-align:left}
.kw-clear{background:#fff;color:#0b3367;margin-top:10px}.kw-clear:hover{background:#eef4fb}
.kw-more{display:inline-flex;align-items:center;gap:6px;min-height:24px;color:#0b3367;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.kw-more .kic{width:16px;height:16px}
.kw-banner{width:calc(var(--canvas) - 46px);max-width:calc(100% - 32px);margin:18px auto 0;display:flex;align-items:center;gap:22px;padding:22px 28px;border-radius:14px;background:linear-gradient(90deg,#e8f1fb 58%,rgba(232,241,251,.0)),url(../images/hero-bg.png) no-repeat right bottom/430px 295px,#e8f1fb;color:#2f3a54;min-height:130px}
.kw-banner h2{margin:0 0 6px;font:700 24px/1.2 var(--font);color:#09194a}
.kw-banner p{margin:0;max-width:520px;font:400 16px/1.5 var(--font)}
.kw-big{width:74px;height:74px}.kw-big .kic{width:36px;height:36px}
@media (max-width:1054px){
  .kw-hero__in{width:auto;padding:22px 20px 24px}
  .kw-hero::before{background-size:260px 179px;opacity:.55}
  .kw-hero h1{font-size:clamp(30px,8vw,46px)}
  .kw-lead{font-size:17px;max-width:none;position:relative;background:rgba(254,254,254,.85)}
  .kw-layout{width:auto;grid-template-columns:minmax(0,1fr);padding:0 14px}
  .kw-top{grid-template-columns:1fr 1fr}.kw-filter{grid-column:1/-1}
  .kw-banner{width:auto;margin:16px 14px 0;max-width:none}
}
@media (max-width:560px){
  .kw-hero::before{display:none}
  .kw-list{columns:1}
  .kw-gh{gap:10px;padding:8px 12px}.kw-glab{font-size:18px}
  .kw-banner{flex-direction:column;align-items:flex-start;background:#e8f1fb}
}

.kw-hero .crumbs li+li::before{content:'\203A';margin:0 9px}

/*btnfix*/ .panel a.btn,.panel a.btn:hover{color:#fff;text-decoration:none}.panel a.btn--ghost,.panel a.btn--ghost:hover{color:#0b3367}

/*join*/ :root{--join-green:#3dae2b;--join-green-hover:#34971f;--join-text:#0a1c49}
.e-nav0{left:590px}.e-nav1{left:681px}.e-nav2{left:730px}.e-nav3{left:771px}.e-nav4{left:867px}
.hdr__nav a.hdr__join{position:absolute;left:942px;top:22px;display:inline-flex;align-items:center;justify-content:center;height:31px;padding:0 14px;border-radius:6px;background:var(--join-green);color:var(--join-text);font:700 12px/1 var(--font);letter-spacing:.07em;text-decoration:none;white-space:nowrap}
.hdr__nav a.hdr__join:hover{background:var(--join-green-hover);color:var(--join-text)}
.hdr__nav a.hdr__join:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:1054px){.hdr__nav a.hdr__join{position:static;display:flex;margin:14px 0 6px;height:auto;padding:13px 14px;font-size:16px;line-height:24px;border-top:0}}


/*v4.11 sticky header: the existing header stays at the top of the window while scrolling*/
html{scroll-padding-top:90px}
.hdr{position:sticky;top:0;z-index:1000;transition:box-shadow .2s}
.hdr.is-stuck{box-shadow:0 3px 14px rgba(0,0,0,.35)}
.tip{top:91px}
@media (max-width:1054px){html{scroll-padding-top:84px}.hdr{max-height:100vh;max-height:100dvh;overflow-y:auto}}
@media (prefers-reduced-motion:reduce){.hdr{transition:none}}

/*v4.13 header + hero, built to the supplied page templates.
  1) Inner pages: navy header is 66px tall (as in the templates); the home page keeps its own 75px header.
  2) Inner pages: the title block sits over a template photo flush right, identical on every page: 270px band, 585 x 270 photo.
     Photos: assets/images/hero-<key>.jpg (13 files). Replace a file to change that section's picture.
     search: Search, Keyword, Results, Question view | category | polls | poll (all 76 polls) | about | faq | speeches | spanish | newsletters (+ issues) | contact | notify | privacy | sitemap*/
:root{--hero-h:290px;--hero-art-w:585px;--hero-art-h:270px;--hero-mask-h:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.02) 7%,rgba(0,0,0,.08) 15%,rgba(0,0,0,.2) 24%,rgba(0,0,0,.38) 34%,rgba(0,0,0,.6) 45%,rgba(0,0,0,.8) 57%,rgba(0,0,0,.93) 70%,#000 84%)}
/* photos that already carry their own white fade (about, speeches, spanish, contact, sitemap) get a lighter page fade so they are not faded twice */
body[data-hero="about"],body[data-hero="speeches"],body[data-hero="spanish"],body[data-hero="contact"],body[data-hero="sitemap"],body[data-hero="newsletters"]{--hero-mask-h:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 9%,rgba(0,0,0,.65) 19%,#000 33%)}
body{--hero-img:none}
body[data-hero="search"]{--hero-img:url(../images/hero-search.jpg);--hero-art-w:430px}
body[data-hero="category"]{--hero-img:url(../images/hero-category.jpg);--hero-art-w:498px}
body[data-hero="polls"]{--hero-img:url(../images/hero-polls.jpg);--hero-art-w:517px}
body[data-hero="poll"]{--hero-img:url(../images/hero-poll.jpg);--hero-art-w:407px}
body[data-hero="about"]{--hero-img:url(../images/hero-about.jpg)}
body[data-hero="faq"]{--hero-img:url(../images/hero-faq.jpg);--hero-art-w:472px}
body[data-hero="speeches"]{--hero-img:url(../images/hero-speeches.jpg)}
body[data-hero="spanish"]{--hero-img:url(../images/hero-spanish.jpg)}
body[data-hero="newsletters"]{--hero-img:url(../images/hero-newsletters.jpg);--hero-art-w:460px}
body[data-hero="contact"]{--hero-img:url(../images/hero-contact.jpg)}
body[data-hero="notify"]{--hero-img:url(../images/hero-notify.jpg);--hero-art-w:464px}
body[data-hero="privacy"]{--hero-img:url(../images/hero-privacy.jpg);--hero-art-w:493px}
body[data-hero="sitemap"]{--hero-img:url(../images/hero-sitemap.jpg)}
@media (min-width:1055px){
  body[data-hero] .hdr{height:66px}body[data-hero] .hdr__logo{top:15.5px}body[data-hero] .hdr__rule{top:15px}body[data-hero] .hdr__title{top:18.5px}
  body[data-hero] .hdr__nav a.t{margin-top:-8.5px}body[data-hero] .hdr__nav a.hdr__join{top:17.5px}body[data-hero] .tip{top:82px}}
.hdr-band{position:relative;overflow:hidden;min-height:var(--hero-h);background:#fefefe;display:flex;flex-direction:column;justify-content:center}
.hdr-band::before{content:'';position:absolute;top:0;bottom:auto;left:auto;transform:none;max-width:none;right:max(0px,calc((100% - var(--canvas))/2));
  width:var(--hero-art-w);height:var(--hero-art-h);opacity:1;pointer-events:none;
  background-image:var(--hero-img);background-size:cover;background-position:center;background-repeat:no-repeat;
  -webkit-mask-image:var(--hero-mask-h),linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.25) 5%,rgba(0,0,0,.6) 12%,rgba(0,0,0,.9) 20%,#000 28%);
  mask-image:var(--hero-mask-h),linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.25) 5%,rgba(0,0,0,.6) 12%,rgba(0,0,0,.9) 20%,#000 28%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
@media (min-width:1100px){.hdr-band::before{
  -webkit-mask-image:var(--hero-mask-h),linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.25) 5%,rgba(0,0,0,.6) 12%,rgba(0,0,0,.9) 20%,#000 28%),linear-gradient(270deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 28px,rgba(0,0,0,.7) 64px,#000 110px);
  mask-image:var(--hero-mask-h),linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.25) 5%,rgba(0,0,0,.6) 12%,rgba(0,0,0,.9) 20%,#000 28%),linear-gradient(270deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 28px,rgba(0,0,0,.7) 64px,#000 110px)}}
.hdr-band>div{position:relative;z-index:1}
.hdr-band h1,.hdr-band .rs-lead,.hdr-band .lead,.hdr-band .crumbs{max-width:520px}
.hdr-band .pg-meta{max-width:none}
.hdr-band h1.pg-h1-long{font-size:30px!important;line-height:1.2!important;max-width:560px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hdr-band .kw-hero__in{padding-top:24px;padding-bottom:18px}
.hdr-band h1{margin:8px 0 10px}.hdr-band .rs-lead{margin-top:10px;max-width:560px}.hdr-band .lead{max-width:560px}
.hdr-band.page-hero{padding:24px 0 20px}
.hdr-band.sp-hero .kw-hero__in{padding-bottom:40px}
.hdr-band.faq-hero{padding-top:0}
.faq-tabsrow{padding-top:4px}.faq-tabsrow .faq-tabs{margin-top:18px}
@media (max-width:1054px){.hdr-band{display:block;min-height:0}.hdr-band::before{right:0;width:min(420px,72%);height:220px;opacity:.5}
  .hdr-band h1,.hdr-band .rs-lead,.hdr-band .lead,.hdr-band .crumbs{max-width:none}}
@media (max-width:560px){.hdr-band::before{display:none}}

/*v4.12 footer: three rows on a navy bar with a lighter diagonal "cut" (matches the supplied footer design)*/
.ft{position:relative;overflow:hidden;background:#092b48;color:#fff;font-family:var(--font)}
.ft::before{content:'';position:absolute;top:0;bottom:0;left:calc(50% + 137px);width:118px;transform:skewX(35deg);transform-origin:0 0;pointer-events:none;
  background:linear-gradient(90deg,rgba(46,125,205,.14),rgba(46,125,205,.30) 30%,rgba(46,125,205,.27) 70%,rgba(46,125,205,.12))}
.ft ul{list-style:none}.ft a{color:#fff;text-decoration:none}.ft a:hover{text-decoration:underline;text-underline-offset:4px}
.ft :focus-visible{outline:3px solid #ffd166;outline-offset:3px;border-radius:4px}
.ft__row{position:relative}
.ft__row+.ft__row .ft__in::before{content:'';position:absolute;top:0;left:36px;right:36px;height:1px;background:rgba(255,255,255,.3)}
.ft__in{position:relative;width:var(--canvas);margin:0 auto;padding:0 36px;display:flex;align-items:center}
.ft__r1{min-height:92px;gap:26px}
.ft__logo{flex:0 0 auto;display:block}.ft__logo img{display:block;width:140px;height:auto}
.ft__vd{flex:0 0 1px;align-self:center;height:48px;background:rgba(255,255,255,.4)}.ft__vd--s{height:38px}
.ft__nav{flex:1 1 auto;min-width:0}
.ft__nav ul{display:flex;justify-content:space-between;align-items:center}
.ft__nav li+li{border-left:1px solid rgba(255,255,255,.6)}
.ft__nav a{display:block;padding:2px 11px;font-size:15px;line-height:24px;color:#fff;white-space:nowrap}
.ft__social{display:flex;gap:16px;flex:0 0 auto}
.ft__social a{display:grid;place-items:center;width:42px;height:42px;border:1.5px solid rgba(255,255,255,.92);border-radius:50%}
.ft__social a:hover{background:rgba(255,255,255,.14);text-decoration:none}
.ft__social svg{width:21px;height:21px;fill:#fff}
.ft__r2{min-height:56px;gap:20px;padding-top:8px;padding-bottom:8px}
.ft__svc{flex:1 1 0;min-width:0;font-size:12.5px;line-height:22px;color:rgba(255,255,255,.95)}
.ft__copy{flex:0 1 auto;min-width:0;max-width:58%;font-size:13px;line-height:21px;color:rgba(255,255,255,.95)}
.ft__r3{min-height:48px}
.ft__legal{display:flex;flex-wrap:wrap;align-items:center}
.ft__legal li+li{border-left:1px solid rgba(255,255,255,.6)}
.ft__legal a{display:block;padding:2px 18px;font-size:15px;line-height:22px}.ft__legal li:first-child a{padding-left:0}
@media (max-width:1054px){.ft::before{left:58%}
  .ft__row+.ft__row .ft__in::before{left:20px;right:20px}
  .ft__in{width:auto;padding-left:20px;padding-right:20px}
  .ft__r1{flex-direction:column;justify-content:center;gap:18px;padding-top:26px;padding-bottom:26px}.ft__vd{display:none}
  .ft__nav ul{flex-wrap:wrap;justify-content:center;gap:4px 0}
  .ft__nav a{padding:6px 14px}
  .ft__r2{flex-direction:column;align-items:flex-start;gap:6px;padding-top:14px;padding-bottom:14px}.ft__svc,.ft__copy{white-space:normal}
  .ft__r3{padding-top:8px;padding-bottom:8px}}
@media (max-width:640px){.ft__nav li+li,.ft__legal li+li{border-left:0}.ft__nav a{padding:6px 12px}.ft__legal a{padding:6px 16px 6px 0}}
/*v4.12 phone fix: a wide response table in a multi-question view no longer widens the whole page*/
.pg-stack,.pg-stack>*,.pg-qcard{min-width:0;max-width:100%}
.pg-tablewrap{position:relative}
@media print{.ft{display:none!important}}

/*v4.14 header nav: Join Now button removed from the markup (HTML-commented); nav is ALL CAPS with pipe separators.
  Desktop: nav is a right-aligned flex row inside the canvas (no per-item left offsets). The old .e-nav0-4 / .hdr__join rules above are left in place so the button can be restored by un-commenting it.*/
.hdr__nav a.t{text-transform:uppercase;letter-spacing:.05em}
@media (min-width:1055px){
  html .hdr .hdr__nav{position:absolute;left:520px;right:20px;top:0;bottom:0;display:flex;justify-content:flex-end;align-items:center}
  html .hdr .hdr__nav a.t{position:relative;left:auto;top:auto;margin-top:0;padding:6px 10px;font-size:11.5px;line-height:16px;letter-spacing:.04em;font-weight:500;white-space:nowrap}
  html .hdr .hdr__nav a.t+a.t::before{content:'';position:absolute;left:0;top:50%;width:1px;height:14px;margin-top:-7px;background:rgba(255,255,255,.5)}
  html .hdr .hdr__nav a.t.is-active::after{left:10px;right:10px;top:auto;bottom:0}
}
select,option,input,textarea,button{font-family:inherit}
/* v4.17: 24px minimum tap height for list-style links (polls list, newsletter issue list, in-page jump lists) */
.plist li a,.dl-list a,main h4>a:only-child{display:inline-block;min-height:24px;line-height:24px}

/* v4.18 hero: blurbs, breadcrumbs and meta chips stay in the text column beside the photo (never over it); no text glow */
@media (min-width:1055px){
  .hdr-band .rs-lead,.hdr-band .lead,.hdr-band .crumbs,.hdr-band .pg-meta{max-width:min(560px,calc(var(--canvas) - var(--hero-art-w) - 56px))}
  .hdr-band .pg-meta{flex-wrap:wrap}
  .hdr-band h1.pg-h1-long{max-width:520px}
}

/* v4.19 home: directions replace the marketing lead; About block shows the live site's text only; no text glow; eased photo blend */
.hero__h1 .t{text-shadow:none}
.hero__steps{position:absolute;left:64px;top:181px;margin:0;padding:0;list-style:none;font:400 15.5px/25px var(--font);color:#2f3a54}
.hero__steps li{display:flex;align-items:center;gap:10px;margin:0}
.step-n{flex:none;width:22px;height:22px;border-radius:50%;background:#dbe8f8;color:#0b3367;font:700 12.5px/22px var(--font);text-align:center}
.hero__guide{position:absolute;left:400px;top:195px}
.about{height:292px}
.e-by{left:66px;top:238px;font-size:14.5px;line-height:20px;font-weight:700;color:#09194a}
.e-ap{top:62px;width:910px;font-size:15px;line-height:23px;white-space:normal}
@media (min-width:1055px){.hero__bg{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 22px,rgba(0,0,0,.1) 46px,rgba(0,0,0,.24) 74px,rgba(0,0,0,.45) 104px,rgba(0,0,0,.7) 138px,rgba(0,0,0,.9) 172px,#000 210px);mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 22px,rgba(0,0,0,.1) 46px,rgba(0,0,0,.24) 74px,rgba(0,0,0,.45) 104px,rgba(0,0,0,.7) 138px,rgba(0,0,0,.9) 172px,#000 210px)}}
@media (min-width:1100px){.hero__bg{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 22px,rgba(0,0,0,.1) 46px,rgba(0,0,0,.24) 74px,rgba(0,0,0,.45) 104px,rgba(0,0,0,.7) 138px,rgba(0,0,0,.9) 172px,#000 210px),linear-gradient(270deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 28px,rgba(0,0,0,.7) 64px,#000 110px);mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 22px,rgba(0,0,0,.1) 46px,rgba(0,0,0,.24) 74px,rgba(0,0,0,.45) 104px,rgba(0,0,0,.7) 138px,rgba(0,0,0,.9) 172px,#000 210px),linear-gradient(270deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 28px,rgba(0,0,0,.7) 64px,#000 110px);-webkit-mask-composite:source-in;mask-composite:intersect}}
@media (max-width:1054px){.hero__steps{position:static;margin:14px 0 0}.hero__guide{position:static;margin-top:14px;align-self:flex-start}.about{height:auto}.e-ap{width:auto}}

/* ---------- guided tour ("How to search") ---------- */
.guide-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px 0 12px;border:1.5px solid #0b3367;border-radius:20px;background:#fff;color:#0b3367;font:600 14px/1 var(--font);cursor:pointer}
.guide-btn:hover{background:#eaf1fb}
.guide-btn:focus-visible{outline:3px solid #0b3367;outline-offset:3px}
html.guide-open{overflow:hidden}
.guide{position:fixed;inset:0;z-index:3000}
.guide__spot{position:fixed;border-radius:12px;pointer-events:none;box-shadow:0 0 0 3px #fff,0 0 0 6px #e8b93c,0 0 0 100vmax rgba(6,16,40,.78);transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}
.guide__card{position:fixed;box-sizing:border-box;width:min(370px,calc(100vw - 24px));padding:18px 18px 14px;border-radius:14px;background:#fff;color:#0a1c49;box-shadow:0 16px 44px rgba(0,0,0,.4);font:400 15.5px/1.5 var(--font)}
.guide__n{margin:0 0 4px;font:700 12.5px/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;color:#3d475f}
.guide__t{margin:0 0 6px;font:700 19px/1.25 var(--font);color:#09194a}
.guide__d{margin:0 0 14px;color:#2f3a54}
.guide__bar{display:flex;align-items:center;gap:8px}
.guide__bar .spacer{flex:1}
.guide__b{min-height:40px;padding:0 16px;border-radius:8px;border:1.5px solid #0b3367;background:#fff;color:#0b3367;font:600 14.5px/1 var(--font);cursor:pointer}
.guide__b--pri{background:#0b3367;color:#fff}
.guide__b[disabled]{opacity:.45;cursor:default}
.guide__b:focus-visible,.guide__x:focus-visible{outline:3px solid #0b3367;outline-offset:2px}
.guide__x{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#0b3367;font:600 22px/1 var(--font);cursor:pointer}
.guide__x:hover{background:#eaf1fb}
@media (prefers-reduced-motion:reduce){.guide__spot{transition:none}}
@media print{.guide,.guide-btn{display:none!important}}
.hero-tools{margin:16px 0 0}
.rs-steps{list-style:none;margin:10px 0 0;padding:0;font:400 15px/1.5 var(--font);color:#2f3a54}
.rs-steps li{display:flex;align-items:flex-start;gap:10px;margin:0 0 6px}
.rs-steps .step-n{margin-top:1px}
.rs-note{margin:8px 0 0;font:400 14px/1.5 var(--font);color:#3d475f}

/* v4.19 right column follows the scroll on desktop; JS (site.js) sets --side-top so a tall column stays reachable */
@media (min-width:1055px){.kw-side{position:sticky;top:var(--side-top,92px);align-self:start}}
@media print{.kw-side{position:static}}
.hero__guide{left:436px}

/* ===== v4.20 typography tokens: one set of heading and body styles used on every page =====
   card / section title  26px / 1.2 / 700 / #09194a      sub-section title 20px / 1.2 / 700
   sidebar card title    20px / 1.15 / 700 / #011538      body text         16.5px / 1.65 / #2f3a54, paragraph gap 14px */
main .rs-head h2,main .pg-sh h2,main .pg-formwrap h2,main .pg-pbody h2{font-family:var(--font);font-weight:700;font-size:26px;line-height:1.2;color:#09194a}
main .kw-side .rs-head h2,main .kw-side>.kw-card>h2,main .faq-side .rs-head h2,main .kw-side h2{font-family:var(--font);font-weight:700;font-size:20px;line-height:1.15;color:#011538}
main .pg-lists h3,main .pg-yr,main .pg-cat-h,main .pollbody h3{font-family:var(--font);font-weight:700;font-size:20px;line-height:1.2;color:#09194a}
main .sp-h h2{color:#09194a;line-height:1.3}
main .sp-body,main .faq-a,main .pg-pbody p,main .pg-pbody li,main .pg-intro,main .pg-bullets,main .pg-bullets li,main .pg-card2 p{font-size:16.5px;line-height:1.65;color:#2f3a54}
main .faq-a p,main .pg-pbody p,main .sp-body p,main .pg-intro{margin:0 0 14px}
main .pg-intro{margin-top:12px}
@media (max-width:640px){main .rs-head h2,main .pg-sh h2,main .pg-formwrap h2,main .pg-pbody h2{font-size:22px}main .sp-body,main .faq-a{font-size:16px}}
main .pg-qcard .rs-head h2,main .sp-h h2{font-size:22px;line-height:1.3}  /* long question headings */
main .faq-group header h2{font-size:26px;line-height:1.2}
main .rs-head p,main .rs-ht p{font-size:15px;line-height:1.4;color:#3d475f}
main .pg-notice{font-size:15px;line-height:1.45}
main .pg-pbody ul,main .pg-pbody ol{margin:0 0 14px}
main .pg-pbody li{margin:0 0 8px}

/* v4.32 right-column cards (assets/js/rail.js): card headers, and cards that fold when the column is taller than the screen */
.kw-side .rs-head{position:relative;gap:14px;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid rgba(9,25,74,.09)}
.kw-side .rs-head::after,.kw-side>.kw-card>h2::after{content:"";position:absolute;left:0;bottom:-1px;width:44px;height:3px;border-radius:2px;background:#f6ad09}
.kw-side .rs-head>.rs-disc,.kw-side>.kw-card>h2 .kw-disc{width:46px;height:46px;box-shadow:0 2px 8px rgba(9,25,74,.12),inset 0 0 0 1px rgba(255,255,255,.6)}
.kw-side .rs-head>.rs-disc .kic,.kw-side>.kw-card>h2 .kw-disc .kic{width:24px;height:24px}
.kw-side .rs-head h2,.kw-side>.kw-card>h2{font:800 19px/1.2 var(--font);letter-spacing:-.005em;color:#09194a}
.kw-side>.kw-card>h2{position:relative;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid rgba(9,25,74,.09)}
.kw-side .sp-using h2{position:relative;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid rgba(9,25,74,.09);font:800 19px/1.2 var(--font);letter-spacing:-.005em;color:#09194a}
.kw-side .sp-using h2::after{content:"";position:absolute;left:0;bottom:-1px;width:44px;height:3px;border-radius:2px;background:#f6ad09}
.kw-side .rs-head:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.kw-side .rs-head:last-child::after{display:none}
.pl-collapse{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}
.pl-collapse:focus-visible{outline:3px solid #1a5fd0;outline-offset:3px;border-radius:8px}
.rs-head .pl-collapse::after{content:"";position:absolute;inset:0}
.pl-chev{flex:none;position:relative;width:32px;height:32px;margin-left:auto;border-radius:50%;background:#e3edfb;transition:background .15s}
.pl-chev::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-right:2.5px solid #0b3367;border-bottom:2.5px solid #0b3367;transform:translate(-50%,-30%) rotate(-135deg);transition:transform .15s}
.pl-folded .pl-chev::before{transform:translate(-50%,-70%) rotate(45deg)}
.pl-collapse:hover .pl-chev{background:#cfe0f8}
.kw-tips .pl-chev{background:#ffefc2}.kw-tips .pl-collapse:hover .pl-chev{background:#ffe3a0}
.pl-peek{display:none;margin:3px 0 0;font:400 13.5px/1.35 var(--font);color:#5b6783;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-folded .pl-peek{display:block}
.kw-side .kw-card.pl-folded{padding-top:16px;padding-bottom:16px;transition:box-shadow .15s}
.kw-side .kw-card.pl-folded:hover{box-shadow:0 6px 20px rgba(33,66,118,.17)}
.pl-folded .rs-head,.pl-folded>h2{margin-bottom:0;padding-bottom:0;border-bottom:0}
.pl-folded .rs-head::after,.pl-folded>h2::after{display:none}
@media (min-width:1055px){.kw-side.pl-side:not(.pl-top){max-height:calc(100vh - var(--side-top,92px) - 14px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}}
@media (prefers-reduced-motion:reduce){.pl-chev,.pl-chev::before,.kw-side .kw-card.pl-folded{transition:none}}

/* v4.31 quick filters (assets/js/pagefilter.js) and back-to-top button (site.js) */
.pf{margin:0 0 16px}
.pf-filter{max-width:520px}
.pf-filter input[type=text]{width:100%;min-height:50px;padding:0 44px 0 46px;border:1.5px solid #5d6a86;border-radius:12px;font:400 15px/1.2 var(--font);color:#0a1c49;background:#fff}
.pf-filter input::placeholder{color:#525c77;opacity:1}
.pf-filter input:focus-visible{outline:3px solid #1a5fd0;outline-offset:2px}
.pf-status{margin:8px 2px 0;min-height:1.4em;font:400 14px/1.4 var(--font);color:#3d475f}
.faq-tabsrow .pf{margin-top:16px}
.totop{position:fixed;right:16px;bottom:16px;z-index:60;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:#0b3367;color:#fff;font:600 14px/1 var(--font);box-shadow:0 4px 14px rgba(9,25,74,.28);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s}
.totop.is-on{opacity:1;visibility:visible;transform:none}
.totop:hover{background:#0f4a96}
.totop:focus-visible{outline:3px solid #fff;outline-offset:-6px;box-shadow:0 0 0 3px #1a5fd0,0 4px 14px rgba(9,25,74,.28)}
.totop svg{width:14px;height:14px;flex:none}
html.guide-open .totop{display:none}
@media print{.totop,.pf{display:none!important}}
@media (prefers-reduced-motion:reduce){.totop{transition:none}}

/* v4.36 home "The Top 9" banner (replaces the old absolutely positioned layout) */
.news{height:auto;padding:36px 0 40px;background:linear-gradient(#eef5fa,#ecf4f9)}
.news .wrap{height:auto;padding:0 66px;box-sizing:border-box}
.nb{display:grid;grid-template-columns:292px minmax(0,1fr) 288px;align-items:stretch;overflow:hidden;border-radius:18px;background:linear-gradient(90deg,#e4effc,#e9f2fc);box-shadow:0 2px 14px rgba(33,66,118,.09)}
.nb__img{display:block;width:100%;height:100%;object-fit:cover;object-position:34% center;-webkit-mask-image:linear-gradient(90deg,#000 66%,transparent);mask-image:linear-gradient(90deg,#000 66%,transparent)}
.nb__txt{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:24px 10px 24px 4px}
.nb__t{margin:0;font:800 21px/1.2 var(--font);letter-spacing:-.012em;color:#09194a}
.nb__dom{overflow-wrap:anywhere}
.nb__t span{display:block}
.nb .gold-bar{width:46px;height:4px;margin:12px 0 13px}
.nb__eyebrow{margin:0 0 6px;font:600 11px/1.3 var(--font);letter-spacing:.14em;text-transform:uppercase;color:#3a4a6b}
.nb__lead{margin:0;font:400 14px/1.5 var(--font);color:#2c3a58}
.nb__read{display:inline-block;margin-left:2px;font-weight:700;color:#0b4ea8;white-space:nowrap}
.nb__side{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0;padding:18px 22px 18px 6px}
.nb__list{margin:0;padding:4px 14px;list-style:none;border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(33,66,118,.07)}
.nb__list li+li{border-top:1px solid #eceff4}
.nb__list a{display:grid;grid-template-columns:32px minmax(0,1fr) 26px;grid-template-rows:auto auto;column-gap:11px;align-items:center;min-height:50px;padding:7px 0;text-decoration:none;color:inherit}
.nb__ic{grid-row:1 / 3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dcebfb;color:#1b5fb4}
.nb__ic svg{width:17px;height:17px}
.nb__d{align-self:end;font:400 11px/1.25 var(--font);letter-spacing:.03em;color:#4f5873}
.nb__is{align-self:start;font:700 13px/1.3 var(--font);color:#0a2160}
.nb__go{grid-column:3;grid-row:1 / 3;display:grid;place-items:center;width:26px;height:26px;border:1.5px solid #3e6397;border-radius:50%;color:#3e6397}
.nb__go svg{width:13px;height:13px}
.nb__list a:hover .nb__is{text-decoration:underline}
.nb__all{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;background:#d6e6fa;color:#0a2160;font:700 13.5px/1 var(--font);text-decoration:none}
.nb__all svg{width:16px;height:16px}
.nb__all:hover{background:#c7ddf7}
.nb a:focus-visible{outline:3px solid #1a5fd0;outline-offset:2px;border-radius:8px}
@media (max-width:1054px){
  .news{padding:34px 0}
  .news .wrap{padding:0 20px}
  .nb{display:block;border-radius:16px}
  .nb__img{height:210px;object-position:30% center;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
  .nb__txt{padding:6px 20px 18px}
  .nb__t{font-size:clamp(21px,5.8vw,25px)}
  .nb__side{padding:0 16px 18px}
}
@media print{.nb__img{display:none}}

/* v4.38 issue pages: the date sits on its own line under the issue label */
.kw-hero h1 .pg-issue-date{display:block;margin-top:8px;font-size:.5em;font-weight:600;line-height:1.25;letter-spacing:0;color:#33425f}

/* v4.42 Tables pages: tick-boxes and GO (assets/js/tables.js) */
.tb-form{margin:0}
.tb-bar{margin:0 0 14px}
.tb-all{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;font:600 15px/1 var(--font);color:#09194a;cursor:pointer}
.tb-all input,.pg-qlist .qsel{flex:none;width:22px;height:22px;margin:0;accent-color:#0b3367;cursor:pointer}
.pg-qlist li .qsel{align-self:center}
.tb-form .alert{margin:0 0 12px}
.tb-foot{margin:0 0 16px}
.tb-form :focus-visible{outline:3px solid #1a5fd0;outline-offset:2px}

/* v4.45 Top 100 star: drawn as an icon, because Gotham has no star character (it would fall back to a system font) */
.star{flex:none!important;display:inline-block;width:1em!important;height:1em!important;font-size:inherit;overflow:hidden;white-space:nowrap;text-indent:-9999px;vertical-align:-.14em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238f5d00' d='M12 2.4l2.95 6.3 6.9.85-5.1 4.75 1.35 6.8L12 17.7l-6.1 3.4 1.35-6.8-5.1-4.75 6.9-.85z'/%3E%3C/svg%3E") center/contain no-repeat}
h1 .star,h2 .star,h3 .star{width:.78em!important;height:.78em!important;margin-right:.22em;vertical-align:.02em;align-self:flex-start;margin-top:.26em}
@media forced-colors:active{.star{background:none;text-indent:0;width:auto!important;height:auto!important;overflow:visible}}

/* v4.53 Newsletter issue pages: the longest breadcrumb ("Home > The Top 9 newsletters > Issues #19 & #20, October/November 2009") needs a little more room in Gotham; the hero photo is faded on the left, so the text stays readable */
@media (min-width:1055px){body[data-hero="newsletters"] .hdr-band .crumbs{max-width:640px}}

/* v4.56 report cover images in the About this poll box (as on the original poll pages) */
.pg-cover{margin:0 0 14px}
.pg-cover img{display:block;width:auto;max-width:100%;height:auto;border:1px solid #d9dcdb;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.14)}