/* New page layout, preview (layout.js; ?layout=new). One structure on every screen: sections in one column, with the section
   names in a bar that stays in view, across the top on phones and on the left from 1000px. Links that jump within the page
   are plain chips; links that open another page are gold buttons with an arrow. */
.sl-new .nl{margin:18px 0 0}
.sl-new .nl-gone{display:none!important}
.sl-new .nl-dup{display:none}
.sl-new .nl-nav{position:sticky;top:var(--nl-top,0px);z-index:30;background:var(--bg);margin:0 -16px;padding:8px 0;border-bottom:1px solid var(--line)}
.sl-new .nl-nav-k{display:none}
.sl-new .nl-nav ul{display:flex;gap:8px;overflow-x:auto;list-style:none;margin:0;padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sl-new .nl-nav ul::-webkit-scrollbar{display:none}
.sl-new .nl-nav li{flex:none;margin:0}
.sl-new .nl-jump{display:block;padding:7px 13px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap;background:var(--card)}
.sl-new .nl-jump:hover{border-color:var(--gold)}
.sl-new .nl-jump.on{background:var(--gold);border-color:var(--gold);color:#111}
.sl-new .nl-main{min-width:0}
.sl-new .nl-sec{scroll-margin-top:var(--nl-off,120px);margin:26px 0 0}
.sl-new .nl-h{font-size:1.5rem;line-height:1.25;margin:0 0 12px;padding-top:12px;border-top:3px solid var(--gold)}
.sl-new .nl-body{position:relative}
.sl-new .nl-body.nl-fold{max-height:620px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.sl-new .nl-all{display:block;width:100%;margin:10px 0 0;padding:12px 14px;border:1px solid var(--gold);border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.sl-new .nl-go{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;background:var(--gold);color:#111;font-weight:700;text-decoration:none;line-height:1.2}
.sl-new .nl-go i{font-style:normal;font-size:1.2em}
.sl-new .nl-gos{margin:14px 0 0}
.sl-new .nl-elec{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 6px;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;background:var(--card)}
.sl-new .nl-elec p{margin:0;flex:1 1 220px}
/* Inside a section the old step and card frames are not needed. */
.sl-new .nl-sec .sl-block{margin-top:12px}
@media (min-width:1000px){
  .sl-new .nl{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px;align-items:start}
  .sl-new .nl-nav{top:calc(var(--nl-top,0px) + 16px);margin:26px 0 0;padding:0;border:0;background:transparent;max-height:calc(100vh - var(--nl-top,0px) - 32px);overflow-y:auto}
  .sl-new .nl-nav-k{display:block;margin:0 0 6px 15px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .sl-new .nl-nav ul{display:block;padding:0;overflow:visible}
  .sl-new .nl-jump{border:0;border-left:3px solid var(--line);border-radius:0;background:transparent;white-space:normal;padding:8px 12px}
  .sl-new .nl-jump.on{background:rgba(227,167,47,.18);border-left-color:var(--gold);color:var(--ink)}
  .sl-new .nl-body.nl-fold{max-height:760px}
}
.sl-new .nl-sum{margin:-4px 0 12px;color:var(--muted);font-size:16px}
.sl-new .nl-place{display:none}
.sl-new .nl-keys{flex:1 1 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0}
.sl-new .nl-key{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);text-decoration:none}
.sl-new .nl-key b{display:block;font-size:1.35rem;line-height:1.2;color:var(--gold-lt)}
.sl-new .nl-key span{display:block;font-size:14px;line-height:1.3;color:var(--muted)}
@media (min-width:1000px){
  .sl-new .nl-place{display:block;margin:0 0 16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
  .sl-new .nl-place span{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .sl-new .nl-place b{display:block;margin:2px 0 8px;line-height:1.3}
  .sl-new .nl-place .btn{padding:6px 12px;font-size:14px}
  .sl-new .nl-keys{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.sl-new .nl-acts{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 0}
.sl-new .nl-act{display:inline-block;padding:10px 18px;border:2px solid var(--gold);border-radius:10px;color:var(--ink);font-weight:700;text-decoration:none}
.sl-new .nl-act:hover{background:rgba(227,167,47,.18)}
/* Parts with pages of their own (By the numbers, Where you stand) keep their own pager inside a section. */
.sl-new.sl-calm.sl-has-res #sl-results .nl .sl-page:not([hidden]){display:block}
.sl-new.sl-calm .nl .sl-pager:not(.nl-gone){display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.sl-new.sl-calm .nl .sl-pager-next:not(.nl-gone){display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:12px 0}
/* Phones: the key numbers are one row that scrolls sideways, so the first officials are on the first screen. */
@media (max-width:999px){
  .sl-new .nl-keys{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px}
  .sl-new .nl-keys::-webkit-scrollbar{display:none}
  .sl-new .nl-key{flex:0 0 auto;padding:6px 10px}
  .sl-new .nl-key b{font-size:1.1rem}
  .sl-new .nl-key span{font-size:13px}
  .sl-new .nl-elec{padding:10px 12px}
}

/* 2.122.0 story articles in the new layout preview: pieces marked .slx show only in the preview, .slo only in the old
   layout. The key numbers sit on the lead card's black panel with gold figures. */
.slx{display:none!important}
.sl-new .slx{display:revert!important}
.sl-new .slo{display:none!important}
.sl-new .st-nums{background:#141414;border-left:4px solid #E3A72F;border-radius:12px;padding:16px 18px}
.sl-new .st-nums b{color:#F6D27A}
.sl-new .st-nums span{color:#CFC9BD}
.sl-new .st-act-b{display:flex;flex-wrap:wrap;gap:10px}
.sl-new .st-more .sl-ms-list{max-width:760px}

/* 2.123.0 home page in the new layout preview. */
.sl-has-res .nl-home{display:none}
.sl-new .nl-home .nl-body > section{padding:0;margin:0;background:transparent;border:0}
.sl-new .nl-home .nl-body > section > .wrap,.sl-new .nl-home .nl-body > .sl-su > .wrap{padding:0;max-width:none}
.sl-new .nl-home .nl-body > .fp-numbox{margin:0 0 14px}
.sl-new .nl-home .nl-body > .fp-say-2{margin:0 0 12px}
.sl-new .nl-home .nl-elec{margin-top:4px}

/* 2.123.1 party control drawn as bars (stories, new layout preview). Party colors stay muted and the words carry the
   numbers, so the bars never stand alone. */
.sl-new .nl-party{margin:14px 0}
.sl-new .nl-party-key{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;margin:0 0 10px}
.sl-new .nl-party-key i{display:inline-block;width:14px;height:10px;margin-right:5px;vertical-align:middle;border-radius:2px}
.sl-new .nl-party-st{padding:10px 0;border-top:1px solid var(--line)}
.sl-new .nl-party-st h4{margin:0 0 4px;font-size:1.05rem}
.sl-new .nl-party-l{margin:6px 0 4px;font-size:15px}
.sl-new .nl-party-bar{position:relative;display:flex;height:16px;border-radius:4px;overflow:visible;background:#E2DED5}
.sl-new .nl-party-bar span{display:block;height:100%}
.sl-new .nl-party-bar span:first-child{border-radius:4px 0 0 4px}
.sl-new .nl-party-bar span:last-of-type{border-radius:0 4px 4px 0}
.sl-new .nl-party-bar em{position:absolute;top:-4px;bottom:-4px;width:2px;background:#E3A72F;margin-left:-1px}
.sl-new .nl-pr{background:#A8443F}
.sl-new .nl-pd{background:#2F5D9E}
.sl-new .nl-pi{background:#6E6A62}
.sl-new .nl-po{background:repeating-linear-gradient(45deg,#CFC9BD 0 3px,#EFEBE3 3px 6px)}
.sl-new .nl-pm{background:#E3A72F;width:3px!important}
.sl-new .fp-hero .nl-elec-hero{grid-area:about;color:var(--ink)}
@media (min-width:981px){.sl-new .fp-hero .nl-elec-hero{grid-area:about;align-self:start}} /* 2.124.21: under the gold number, never on top of it */
.sl-has-res .nl-elec-hero{display:none}

/* 2.124.0 address results as a guided story: one chapter per page (layout.js chapters()). The sidebar lists the chapters
   (a strip across the top on phones); the header, the Election Day card and its key numbers stay above every chapter. */
.sl-new .nl-chap .nl-nav ol{display:flex;gap:8px;overflow-x:auto;list-style:none;margin:0;padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sl-new .nl-chap .nl-nav ol::-webkit-scrollbar{display:none}
.sl-new .nl-chap .nl-nav li{flex:none;margin:0}
.sl-new .nl-chj{display:flex;align-items:flex-start;gap:8px;max-width:250px;white-space:normal;font-size:14px}
.sl-new .nl-chj i{flex:none;font-style:normal;font-weight:800;color:var(--gold-lt);min-width:1.1em}
.sl-new .nl-chj.on i{color:#111}
.sl-new .nl-ch{margin:22px 0 0}
.sl-new .nl-ch[hidden]{display:none!important}
.sl-new .nl-ch-head{scroll-margin-top:var(--nl-off,120px);padding-top:14px;border-top:3px solid var(--gold)}
.sl-new .nl-ch-k{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sl-new .nl-ch-t{font-size:clamp(1.55rem,3.6vw,2.1rem);margin:0 0 12px;outline:none}
.sl-new .nl-ch-arc{margin:0 0 12px;font-size:16px;color:var(--muted)}
.sl-new .nl-ch-intro{margin:0 0 14px;font-size:18px}
.sl-new .nl-ch-g{margin:14px 0}
.sl-new .nl-ch-facts .nl-sec{margin:18px 0 0}
.sl-new .nl-ch-facts .nl-h{font-size:1.25rem;border-top-width:1px;border-top-color:var(--line)}
.sl-new .nl-ch-do{margin:24px 0 0;padding:16px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;background:var(--card)}
.sl-new .nl-ch-line{margin:0 0 10px;font-weight:600}
.sl-new .nl-ch-do .nl-acts{margin:0;align-items:center}
.sl-new button.nl-act{background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.sl-new .nl-ch-rel{margin:20px 0 0}
.sl-new .nl-ch-relk{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sl-new .nl-ch-rel ul{margin:0;padding-left:20px}
.sl-new .nl-ch-rel li{margin:0 0 6px}
.sl-new .nl-ch-pn{margin:26px 0 8px;padding-top:16px;border-top:1px solid var(--line)}
.sl-new .nl-ch-teaser{margin:0 0 12px;font-size:17px;font-style:italic}
.sl-new .nl-ch-pnr{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sl-new .nl-ch-pnr a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);text-decoration:none;font-weight:600;line-height:1.3}
.sl-new .nl-ch-pnr a span{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 3px}
.sl-new .nl-ch-pnr .nl-ch-next{border-color:var(--gold);text-align:right}
.sl-new .nl-ch-pnr .nl-ch-next span{color:var(--gold-lt)}
.sl-new .nl-ch-pnr a:hover{border-color:var(--gold)}
.sl-new .nl-deeper{margin:10px 0 0;font-size:15px;font-weight:600}
.sl-new .nl-deeper a{text-decoration:none}
@media (max-width:599px){
  .sl-new .nl-ch-pnr{grid-template-columns:1fr}
  .sl-new .nl-ch-pnr .nl-ch-next{order:-1}
}
@media (max-width:999px){
  .sl-new .nl-chj{max-width:210px;padding:6px 11px}
}
@media (min-width:1000px){
  .sl-new .nl-chap{grid-template-columns:260px minmax(0,1fr)}
  .sl-new .nl-chap .nl-nav ol{display:block;padding:0;overflow:visible}
  .sl-new .nl-chj{max-width:none;border:0;border-left:3px solid var(--line);border-radius:0;background:transparent;padding:8px 12px}
  .sl-new .nl-chj.on{background:rgba(227,167,47,.18);border-left-color:var(--gold);color:var(--ink)}
  .sl-new .nl-chj.on i{color:var(--gold-lt)}
}
/* Chapter parts fold shorter than the old long column, so each chapter page stays under about 900 words (C151). */
.sl-new .nl-chap .nl-body.nl-fold{max-height:var(--nl-fh,380px)}
@media (min-width:1000px){.sl-new .nl-chap .nl-body.nl-fold{max-height:var(--nl-fh,520px)}}
/* 2.124.5: a tall chapter graphic shows its first part, with See the whole chart (C151). */
.sl-new .nl-ch-g.nl-gfold:not(.nl-gopen) > :not(.nl-gall){max-height:var(--nl-gh,420px);overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}
@media (min-width:1000px){.sl-new .nl-ch-g.nl-gfold:not(.nl-gopen) > :not(.nl-gall){max-height:var(--nl-gh,520px)}}
/* 2.124.5: What do you care about? stays on every chapter page, under the Election Day card and the key numbers. */
.sl-new .nl-chap .nl-care{margin:12px 0 0}
.sl-new .nl-chap .nl-care .sl-care{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.sl-new .nl-chap .nl-care h2{font-size:1.15rem;margin:0 0 8px}
.sl-new .nl-chap .nl-care .dc-search p{margin:6px 0 0;font-size:14px;color:var(--muted)}
/* 2.124.6: five neighbor rule on each issue's Where do you stand (preview), with the share buttons right under it. */
.sl-new .nl-five{margin:12px 0 0;padding:12px 14px;border-left:4px solid var(--gold);border-radius:10px;background:var(--card);font-size:16px;line-height:1.5}
.sl-new .nl-five-share{margin:10px 0 0;padding:10px 12px;background:#111;border-radius:10px;display:flex;justify-content:center}
.sl-new .nl-five-share .sl-share{margin:0;flex-wrap:wrap;justify-content:center}
/* 2.124.7: home page in the approved order (preview). */
.sl-new .nl-how ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
.sl-new .nl-how a{display:flex;align-items:center;gap:10px;height:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);text-decoration:none;font-weight:700;line-height:1.25}
.sl-new .nl-how a:hover{border-color:var(--gold)}
.sl-new .nl-how i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#141414;color:#E3A72F;font-style:normal;font-weight:800}
@media (max-width:599px){.sl-new .nl-how ol{grid-template-columns:1fr}}
.sl-new .nl-elec-26 .nl-acts{flex:0 0 auto;margin:0;display:flex;gap:8px;flex-wrap:wrap}
.sl-new .nl-rising ol{margin:0;padding-left:22px}
.sl-new .nl-rising li{margin:0 0 10px;font-weight:700}
.sl-new .nl-rising li span{display:block;font-weight:400;color:var(--muted);font-size:15px}
.sl-new .nl-latest ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.sl-new .nl-latest a{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card);color:var(--ink);text-decoration:none}
.sl-new .nl-latest a:hover{border-color:var(--gold)}
.sl-new .nl-latest-n{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:#141414;border-bottom:3px solid #E3A72F}
.sl-new .nl-latest-n b{font-size:1.9rem;line-height:1;font-weight:800;color:#F6D27A}
.sl-new .nl-latest-n i{font-style:normal;font-size:.8rem;line-height:1.3;color:#CFC9BD;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sl-new .nl-latest small{display:block;padding:10px 14px 0;color:var(--muted);font-size:13px}
.sl-new .nl-latest strong{display:block;padding:4px 14px 14px;line-height:1.3}
@media (max-width:820px){.sl-new .nl-latest ul{grid-template-columns:1fr}}
.sl-new .nl-home-weigh{margin:0 0 12px}
.sl-new .nl-orgs p{margin:0}
.sl-new .nl-more-body > *{margin-top:16px}
.sl-new .nl-more-body .sl-age{background:transparent;padding:0}
.sl-new .nl-map-line{margin:0 0 12px;font-size:17px;font-weight:600;max-width:60ch}
/* Three shades on the home map, once coverage_map answers (hover and the picked state keep their own colors). */
.sl-new .nl-shaded .iss-tile.nl-sh-most:not(:hover):not(.on) path,.sl-new .nl-shaded .iss-tile.nl-sh-most:not(:hover):not(.on) rect{fill:#7A4F06}
.sl-new .nl-shaded .iss-tile.nl-sh-some:not(:hover):not(.on) path,.sl-new .nl-shaded .iss-tile.nl-sh-some:not(:hover):not(.on) rect{fill:#C9962E}
.sl-new .nl-shaded .iss-tile.nl-sh-coming:not(:hover):not(.on) path,.sl-new .nl-shaded .iss-tile.nl-sh-coming:not(:hover):not(.on) rect{fill:#EFE7D6}
.sl-new .nl-shaded .iss-tile.nl-sh-most:not(.on) text,.sl-new .nl-shaded .iss-tile.nl-sh-some:not(.on) text{fill:#fff}
.sl-new .nl-shaded .iss-tile.nl-sh-coming:not(.on) text{fill:#5E5A52}
.sl-new .nl-shaded .iss-small a.nl-sh-most{background:#7A4F06;color:#fff}
.sl-new .nl-shaded .iss-small a.nl-sh-some{background:#C9962E;color:#fff}
.sl-new .nl-shaded .iss-small a.nl-sh-coming{background:#EFE7D6;color:#5E5A52}
.sl-new .nl-key3 i{flex:none}
.sl-new .nl-k-most{background:#7A4F06}.sl-new .nl-k-some{background:#C9962E}.sl-new .nl-k-coming{background:#EFE7D6;border:1px solid #CFC9BD}
/* 2.124.9: What's here on each state page (preview), once coverage_map answers. */
.sl-new .nl-here{padding:16px 0 4px}
.sl-new .nl-here .wrap{border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;background:var(--card);padding:14px 16px}
.sl-new .nl-here h2{font-size:1.2rem;margin:0 0 8px}
.sl-new .nl-here p{margin:0 0 6px}
.sl-new .nl-ch-empty{margin:16px 0 0;padding:12px 14px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}
/* 2.124.12: votes and power chapters from the chapter data functions (preview). */
.sl-new .nl-cv-list,.sl-new .nl-cp-list{list-style:none;margin:0;padding:0}
.sl-new .nl-cv-list > li,.sl-new .nl-cp-list > li{padding:10px 0;border-top:1px solid var(--line)}
.sl-new .nl-cv-list p,.sl-new .nl-cp-list p{margin:0 0 4px}
.sl-new .nl-cv-t,.sl-new .nl-cp-s{color:var(--muted);font-size:15px}
.sl-new .nl-cv details summary{cursor:pointer;font-weight:700;color:var(--gold-lt)}
.sl-new .nl-cv details h4{margin:10px 0 4px;font-size:15px}
.sl-new .nl-cv details h4 span{font-weight:400;color:var(--muted)}
.sl-new .nl-cv details ul{margin:0 0 6px;padding-left:18px;font-size:15px}
.sl-new .nl-cv-nl{margin:10px 0 0;font-size:15px;color:var(--muted)}
.sl-new .nl-here-all{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--gold-lt);text-decoration:underline;cursor:pointer}
/* 2.124.17: money, schools and what changed chapters; share buttons per open decision (preview). */
.sl-new .nl-cm details{border-top:1px solid var(--line);padding:8px 0}
.sl-new .nl-cm summary{cursor:pointer;font-weight:800}
.sl-new .nl-cm h4,.sl-new .nl-cc h4{margin:10px 0 4px;font-size:15px}
.sl-new .nl-cm h4 span{font-weight:400;color:var(--muted)}
.sl-new .nl-cm ul{margin:0 0 6px;padding-left:18px}
.sl-new .nl-cm-n{color:var(--muted);font-size:14px}
.sl-new .nl-cm-w{margin:6px 0 0;font-size:15px}
.sl-new .nl-cs-list,.sl-new .nl-cc-list{list-style:none;margin:0;padding:0}
.sl-new .nl-cs-list > li,.sl-new .nl-cc-list > li{padding:8px 0;border-top:1px solid var(--line)}
.sl-new .nl-cs-list p,.sl-new .nl-cc-list p{margin:0 0 3px}
.sl-new .nl-cs-v span,.sl-new .nl-cc-k,.sl-new .nl-cc-l{color:var(--muted);font-size:14px}
.sl-new .nl-cc-o{font-size:15px}
.sl-new .nl-cc-q{font-style:italic}
.sl-new .nl-oi-sh{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 0;padding:8px 10px;background:#111;border-radius:10px}
.sl-new .nl-oi-sh span{color:#CFC9BD;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-right:4px}
.sl-new .nl-oi-sh a{padding:6px 10px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;color:#fff}
.sl-new .nl-oi-sh .sh-fb{background:#1877F2}.sl-new .nl-oi-sh .sh-em{background:#6B6B6B}.sl-new .nl-oi-sh .sh-ph{background:#F7F2E8;color:#141414}
/* 2.124.19: state and county pages as guided chapters (preview): the gold number under the place's heading. */
.sl-new .nl-pnum{margin:10px 0 6px}
.sl-new .nl-pnum .fp-num{margin:0;font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:800;line-height:1.2}
.sl-new .nl-pnum .fp-num b{display:block;font-size:clamp(2.6rem,7vw,4rem);font-weight:800;color:#E3A72F;letter-spacing:-.02em;line-height:1}
.sl-new .nl-pnum .fp-num-src{margin:6px 0 0;font-size:.82rem;opacity:.8}
.sl-new .nl-place-page .nl-place .btn{margin-top:8px}
.sl-new .nl-not-held{margin:12px 0 0;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}

/* 2.124.21 (Owner, Nov 2, 2026, 12:38 am): the map key is a SourceLine card with a color swatch for each shade and how
   many places have it; Latest stories cards line up, with the black number part the same height and its words centered. */
.sl-new .nl-key3{background:#141414;color:#F3F1EC;border-left:4px solid #E3A72F;border-radius:12px;padding:14px 18px 16px;margin:10px 0 16px}
.sl-new .nl-key3 .nl-key3-h{grid-column:1/-1;margin:0 0 2px;font-weight:800;font-size:1.05rem;color:#F6D27A}
.sl-new .nl-key3 .fp-key{display:flex;gap:10px;align-items:flex-start;margin:0;color:#E6E1D6}
.sl-new .nl-key3 .fp-key b{color:#fff}
.sl-new .nl-key3 i{display:inline-block;width:22px;height:22px;border-radius:5px;flex:none;margin-top:2px;border:1px solid rgba(255,255,255,.35)}
.sl-new .nl-key3 .nl-k-n{display:block;font-size:.82rem;color:#F6D27A;margin-top:2px}
.sl-new .nl-latest li{display:contents}
.sl-new .nl-latest ul{grid-auto-rows:auto}
.sl-new .nl-latest a{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
.sl-new .nl-latest-n{justify-content:center}
/* 2.124.95 (Owner, Nov 2, 2026, 11:07 pm; C151): issue pages show one section at a time, with Page X of N above it and
   Continue reading below it (layout.js paged). The cards reuse the pager's own Previous and Continue reading styles. */
.sl-new .nl-pg-of{margin:0 0 8px;font-size:.88rem;font-weight:700;letter-spacing:.02em;color:var(--muted)}
.sl-new .nl-paged .nl-pg-next{margin:28px 0 8px;padding:20px 0 0;max-width:none}
/* 2.124.97 (Owner, Nov 2, 2026, 11:55 pm; C151): a long chapter of the address results is split into pages at its own
   section headings (layout.js cpSplit), with the same Page X of N line and Previous and Continue reading cards. */
.sl-new .nl-ch [data-cp-off]{display:none!important}
.sl-new .nl-ch-g [data-gcut]{display:none!important}
/* 2.124.100: page 2 on of a chapter: a compact top (the address and the Election Day card). */
.sl-new .nl-cp-compact > .nl-elec .nl-keys,.sl-new .nl-cp-compact > .nl-care,.sl-new .nl-cp-compact > .nl-zslot{display:none!important} /* 2.124.98: what is cut off below See the whole chart */
.sl-new .nl-ch .nl-cp-of{margin:4px 0 10px}
.sl-new .nl-ch .nl-cp-next{margin:28px 0 8px;padding:20px 0 0;max-width:none}

/* ===== Clear look (2.128.0, preview ?look=clear; layout.js clearBuild). Address results open with the election line,
   ballot results, What matters now, your officials one line each, what is being decided, and your voice; every chapter
   after that is a card that opens in place. Party chips: Democrats blue, Republicans red (Owner, Nov 4, 2026). ===== */
.sl-new .nl-clear .nl-keys{display:none!important}
.sl-new .nl-clear .nl-sec > .nl-sum,.sl-new .nl-clear .nl-ch-head,.sl-new .nl-clear .nl-ch-pn,.sl-new .nl-clear .nl-ch-line,
.sl-new .nl-clear .sl-lvl-head p,.sl-new .nl-clear .sl-lv-intro,.sl-new .nl-clear .cl-dec #sl-dc-list > h2{display:none}
.sl-new .nl-clear .nl-sec{margin:20px 0 0}
.sl-new .nl-clear > .nl-main > .nl-sec > .nl-h{font-size:1.3rem;margin:0 0 10px}
.sl-new .cl-vbar{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0!important;padding-top:10px;border-top:1px solid var(--line)}
.sl-new .cl-vbar span{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.sl-new .cl-vbar a{padding:7px 13px;border:1px solid var(--gold);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:700;font-size:15px;line-height:1.2}
.sl-new .cl-vbar a:hover{background:var(--gold);color:#111}
.sl-new .cl-lv{margin:0 0 12px}
.sl-new .cl-lv h3{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sl-new .cl-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.sl-new .cl-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:8px 12px;border-top:1px solid var(--line);line-height:1.35}
.sl-new .cl-list li:first-child{border-top:0}
.sl-new .cl-lv:not(.cl-all) .cl-x{display:none}
.sl-new .cl-who{font-weight:700}
.sl-new .cl-who a{color:var(--ink);text-decoration:none}
.sl-new .cl-who a:hover{color:var(--gold-lt);text-decoration:underline}
.sl-new .cl-chip{display:inline-block;font-style:normal;font-size:12px;font-weight:700;color:#fff;border-radius:999px;padding:1px 8px;vertical-align:1px}
.sl-new .cl-chip.cl-d{background:#1F4E9A}.sl-new .cl-chip.cl-r{background:#B3261E}.sl-new .cl-chip.cl-i{background:#5A564E}
/* 2.129.0 Clear look: who won a seat, the top card after the election, and Your ballot results as one line */
.sl-new .cl-won{flex:1 1 100%;font-size:14px;font-weight:600;color:var(--gold-lt)}
.sl-new .nl-elec .cl-top{flex:1 1 260px;display:flex;flex-direction:column;gap:3px;margin:0}
.sl-new .cl-top-k{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sl-new .cl-top-t{font-size:19px;font-weight:800;line-height:1.25;color:var(--ink);text-decoration:none}
.sl-new .cl-top-t:hover{color:var(--gold-lt);text-decoration:underline}
.sl-new .cl-top-d{font-size:14px;font-weight:700;color:var(--gold-lt)}
.sl-new .cl-top-w{font-size:15px;color:var(--ink)}
.sl-new .cl-one > .nl-h{display:none}
.sl-new .cl-bres-one > summary{cursor:pointer;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;background:var(--card);font-weight:700;color:var(--ink)}
.sl-new .cl-bres-one[open] > summary{margin-bottom:10px}
.sl-new .cl-role{flex:1 1 200px;font-size:14px;color:var(--muted)}
.sl-new .cl-c{display:flex;gap:6px;margin-left:auto}
.sl-new .cl-c a{padding:3px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;color:var(--gold-lt)}
.sl-new .cl-c a:hover{border-color:var(--gold)}
.sl-new .cl-lv-more{margin:6px 0 0;padding:4px 0;border:0;background:none;color:var(--gold-lt);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.sl-new .cl-soon{margin:0;padding:8px 12px;border:1px dashed var(--line);border-radius:10px;font-size:15px;color:var(--muted)}
.sl-new .cl-more-l{margin:8px 0 0;font-weight:700}
.sl-new .cl-more-l a{text-decoration:none}
.sl-new .cl-voice{padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;background:var(--card)}
.sl-new .nl-clear .cl-voice > .nl-h{border-top:0;padding-top:0}
.sl-new .cl-line{margin:0 0 10px}
.sl-new .cl-voice .nl-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.sl-new .cl-voice .nl-care{margin:0}
.sl-new .cl-voice .nl-care .sl-care{margin:0;padding:12px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.sl-new .cl-voice .nl-care h2{font-size:1.1rem;margin:0 0 8px}
.sl-new .cl-cards{display:grid;gap:8px}
.sl-new .cl-card{border:1px solid var(--line);border-radius:12px;background:var(--card)}
.sl-new .cl-card.cl-on{border-color:var(--gold)}
.sl-new .cl-card-h{display:grid;grid-template-columns:1fr auto;gap:0 12px;width:100%;padding:12px 14px;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.sl-new .cl-card-h b{grid-column:1;font-size:16px}
.sl-new .cl-card-h span{grid-column:1;font-size:14px;color:var(--muted);line-height:1.35}
.sl-new .cl-card-h i{grid-column:2;grid-row:1 / span 2;align-self:center;font-style:normal;font-size:22px;font-weight:700;color:var(--gold-lt)}
.sl-new .cl-card-h i::before{content:"+"}
.sl-new .cl-card.cl-on .cl-card-h i::before{content:"\2212"}
.sl-new .cl-card-b{padding:0 14px 14px}
.sl-new .cl-card:not(.cl-on) .cl-card-b{display:none}
.sl-new .nl-clear .nl-ch{margin:0}
.sl-new .nl-clear .nl-ch-do{margin:14px 0 0;padding:10px 12px}
.sl-new .nl-clear .nl-ch-rel{margin:12px 0 0}
@media (max-width:999px){
  .sl-new .nl-clear > .nl-nav{display:none}
  .sl-new .cl-c{margin-left:0;flex-basis:100%}
}
/* ===== end Clear look ===== */
/* Nov 5, 2026, 12:50 am (Owner, Nov 4: "no more long pages"): in the Clear look every folded part shows a short first view,
   about one screen on a phone, and See all opens the rest; nothing is removed. */
html.sl-clear.sl-new .nl-body.nl-fold,html.sl-clear.sl-new .nl-chap .nl-body.nl-fold{max-height:300px}
@media (min-width:1000px){html.sl-clear.sl-new .nl-body.nl-fold,html.sl-clear.sl-new .nl-chap .nl-body.nl-fold{max-height:340px}}
/* Fold look (preview ?look=fold, Owner Nov 5, 2026, 7:36 am; layout.js foldBuild). On the chapter look: the chapter menu
   right under the election card, one chapter at a time, the issues folded into their chapters as short lists with See all. */
html.sl-fold .nl-chap.nl-fold-look > .nl-nav{display:none}
html.sl-fold .nl-fold-look .nl-elec .nl-keys{display:none!important} /* the same four figures are in By the numbers, chapter 1 */
html.sl-fold .fd-vbar{flex:1 1 100%}
.sl-new .fd-menu{margin:12px 0 0;padding:12px 14px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.sl-new .fd-menu-k{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sl-new .fd-menu ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;list-style:none;margin:0;padding:0}
.sl-new .fd-menu li{margin:0}
.sl-new .fd-menu .fd-chj{display:flex;align-items:baseline;gap:8px;max-width:none;height:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);text-decoration:none;font-size:15px;font-weight:600;line-height:1.25}
.sl-new .fd-menu .fd-chj:hover{border-color:var(--gold)}
.sl-new .fd-menu .fd-chj.on{border-color:var(--gold);background:rgba(227,167,47,.18)}
.sl-new .fd-menu .fd-chj.on i{color:var(--gold-lt)}
@media (min-width:700px){.sl-new .fd-menu ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){html.sl-fold .nl-chap.nl-fold-look{grid-template-columns:minmax(0,1fr)} .sl-new .fd-menu ol{grid-template-columns:repeat(4,minmax(0,1fr))}}
html.sl-fold .nl-fold-look .nl-ch{margin-top:16px}
.sl-new .fd-blk{margin:0 0 14px}
.sl-new .nl-ch-head .fd-blk > .nl-h{font-size:1.25rem}
.sl-new .fd-blk > .nl-h{margin-top:0;padding-top:0;border-top:0}
.sl-new .fd-blk + .fd-blk,.sl-new .fd-careslot + .fd-blk{margin-top:12px}
.sl-new .fd-careslot{margin:0 0 12px}
.sl-new [data-fd] .fd-x,.sl-new .fd-covmark{display:none!important}
.sl-new .fd-see{display:block;margin:10px 0 0;padding:8px 14px;border:1px solid var(--gold);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.sl-new .fd-see:hover{background:var(--gold);color:#111}
/* ===== Krug preview (?look=bars; Owner, Nov 5, 2026, 8:44 am): the live chapter look with needless words cut. Every rule
   is scoped to html.slb-on, set by layout.js only when the preview is on. ===== */
html.slb-on .nl-elec[data-kr-off]{display:none!important}
html.slb-on .nl-chap .nl-ch-arc,html.slb-on .nl-chap .nl-ch-intro{display:none}
html.slb-on .sl-o-sub,html.slb-on .nl-chap .nl-sec > .nl-sum{display:none} /* method and explanatory lines under headings: cut (Krug, omit needless words) */
html.slb-on .nl-chap .nl-ch-t{margin-bottom:12px}
html.slb-on .kr-elink{margin:12px 0 0;font-weight:700}
html.slb-on .kr-elink a{color:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
html.slb-on .kr-mn{margin:0 0 16px}
/* ===== end Krug preview ===== */

/* 2.132.29 (Owner, Nov 5, 2026): parts of Justice and safety and Your vote's power as black bars with a gold Open button,
   the approved issue page look. Closed, only the bar shows; Open shows the part. */
html.slb-on .nl-sec.kr-bar{margin:0 0 10px;padding:0;border:0}
/* 2.132.30 (Owner, Nov 5, 2026, 10:35 am, look B): white bars, a gold edge, black letters, a gold outlined Open. */
html.slb-on .nl-sec.kr-bar > .nl-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:12px 14px;background:#fff;color:#141210;border:1px solid #E6DFD0;border-left:5px solid #E2A72E;border-radius:10px;font-size:17px;line-height:1.3;cursor:pointer}
html.slb-on .nl-sec.kr-bar.kr-on > .nl-h{border-bottom-left-radius:0;border-bottom-right-radius:0}
html.slb-on .nl-sec.kr-bar > .nl-h .kr-open{flex:none;border:2px solid #E2A72E;border-radius:999px;background:#fff;color:#141210;font:inherit;font-size:14px;font-weight:700;padding:5px 13px;cursor:pointer}
html.slb-on .nl-sec.kr-bar.kr-on > .nl-body{background:#fff;border:1px solid #E6DFD0;border-top:0;border-left:5px solid #E2A72E;border-radius:0 0 10px 10px;padding:12px 14px}
html.slb-on .nl-sec.kr-bar:not(.kr-on) > .nl-body,html.slb-on .nl-sec.kr-bar:not(.kr-on) > .nl-sum,html.slb-on .nl-sec.kr-bar:not(.kr-on) > :not(.nl-h){display:none}

/* 2.132.30: your member on every issue card (Owner, Nov 5, 2026, 10:34 am) */
.ws-yours{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:8px 0 6px;padding:8px 10px;border:1px solid #E6DFD0;border-left:5px solid #E2A72E;border-radius:8px;background:#fff;color:#141210;font-size:15px}
.ws-yours .ws-ychip{background:#F3EEDF;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}
.ws-yours .ws-yst{color:#5C564C}
.ws-yours .ws-c{margin-left:auto;display:flex;gap:6px}
.ws-yours .ws-c a{border:1.5px solid #141210;border-radius:8px;padding:3px 10px;font-size:13px;font-weight:700;color:#141210;text-decoration:none}

/* 2.132.30: issue cards drop open to three parts (Owner, Nov 5, 2026, 10:34 am), look B */
.kr-icard .kr-ih{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:0;margin:0 0 4px;border:0;background:none;font:inherit;font-size:17px;font-weight:700;color:#141210;text-align:left;cursor:pointer;line-height:1.3}
.kr-icard .kr-ih i{flex:none;font-style:normal;border:2px solid #E2A72E;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;color:#141210;background:#fff}
.kr-icard .kr-ib{margin-top:8px;border-left:5px solid #E2A72E;padding:2px 0 2px 12px}
.kr-icard .kr-ip{padding:8px 0;border-bottom:1px solid #EEE7D8}
.kr-icard .kr-ip p{margin:0 0 4px;font-size:15px;line-height:1.45;color:#141210}
.kr-icard .kr-ik{font-size:12px!important;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#7A520A!important}
.kr-icard .kr-ifull{margin:10px 0 0}
/* 2.132.31 Search this list */
.sl-lf{margin:0 0 12px}
.sl-lf input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #E6DFD0;border-left:5px solid #E2A72E;border-radius:10px;background:#fff;color:#141210;font:inherit;font-size:15px}
.sl-lf-none{margin:8px 0 0;font-size:14px;color:#5C564C}
.sl-lf-x{display:none!important}
/* 2.132.33 Your schools in the four part shape (Owner, Nov 5, 2026, 10:46 am: one shape everywhere): snapshot tiles,
   the chart, one bar per topic with its headline number and four beats, one thing to do. Bars look only. */
html.slb-on .s4-snap{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 14px}
html.slb-on .s4-tile{background:#fff;border:1px solid #E6DFD0;border-top:5px solid #E2A72E;border-radius:10px;padding:12px 14px;min-width:0}
html.slb-on .s4-tile p{margin:0}
html.slb-on .s4-big{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;line-height:1.1;color:#141210}
html.slb-on .s4-lab{margin-top:4px!important;font-size:14px;line-height:1.35;color:#5C564C}
html.slb-on .s4-cmp,html.slb-on .s4-dir{margin-top:6px!important;font-size:13px;font-weight:700;color:#7A520A}
html.slb-on .s4-dir a{color:#7A520A;text-decoration:underline;text-decoration-color:#E2A72E;text-underline-offset:3px}
html.slb-on .s4-sec > .nl-h .s4-ht{display:flex;flex-direction:column;min-width:0}
html.slb-on .s4-sec > .nl-h .s4-hl{margin-top:2px;font-size:14px;font-weight:400;color:#5C564C;line-height:1.35}
html.slb-on .s4-beat{padding:10px 0;border-bottom:1px solid #EEE7D8}
html.slb-on .s4-beat:first-child{padding-top:2px}
html.slb-on .s4-beat:last-child{border-bottom:0;padding-bottom:2px}
html.slb-on .s4-k{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#7A520A}
html.slb-on .s4-none,html.slb-on .s4-also,html.slb-on .s4-q{margin:0;font-size:15px;color:#141210}
html.slb-on .s4-also{margin-top:6px;color:#5C564C;font-size:14px}
html.slb-on .s4-iss{list-style:none;margin:0;padding:0}
html.slb-on .s4-iss li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:4px 0;font-size:15px}
html.slb-on .s4-iss li span{color:#7A520A;font-weight:700;font-size:14px}
html.slb-on .s4-all{margin:6px 0 0;font-weight:700}
html.slb-on .s4-beat .nl-acts{margin:0 0 6px}
@media (max-width:600px){html.slb-on .s4-snap{grid-template-columns:1fr 1fr}html.slb-on .s4-tile{padding:10px 12px}}

/* 2.132.32: the Yours line keeps its own plain buttons and case inside any card */
.ws-yours,.ws-yours *{text-transform:none!important;letter-spacing:normal!important}
.ws-yours b{font-weight:800;color:#141210!important}
.ws-yours .ws-c a{background:#fff!important;color:#141210!important;border:1.5px solid #141210!important;min-width:0;width:auto;height:auto}

/* 2.132.36: Your schools as in the approved mockup: one simple chart, short number lines, no fold inside an open bar */
html.slb-on .nl-ch .s4-g-old{display:none!important}
.s4-chart{background:#fff;border:1px solid #E6DFD0;border-radius:10px;padding:14px;margin:0 0 16px}
.s4-ct{margin:0 0 10px;font-weight:700;color:#141210}
.s4-cb{display:grid;grid-template-columns:150px 1fr 56px;align-items:center;gap:10px;margin:6px 0;font-size:14px;color:#141210}
.s4-cb i{display:block;height:14px;border-radius:3px;background:#B9B3A8}.s4-cb i.on{background:#E2A72E}
/* Party colors everywhere (Owner, Nov 4, 2026, 1:31 pm): Democrats blue, Republicans red, never gold or black. */
.s4-cb i.pd{background:#1F4E9A}.s4-cb i.pr{background:#B3261E}.s4-cb i.po{background:#8A8478}
.s4-cb b{font-weight:700}
.s4-src{margin:8px 0 0;font-size:12px;color:#5C564C}
.s4-lines{list-style:none;margin:0;padding:0}.s4-lines li{padding:4px 0;font-size:15px;line-height:1.45;color:#141210}
.s4-lines .s4-l{display:inline-block;min-width:0;margin-right:4px;color:#5C564C}
.s4-more{margin:6px 0 0}.s4-more>summary{cursor:pointer;color:#7A520A;font-weight:700;font-size:14px}
.s4-per{margin:4px 0 0;font-size:12px;color:#5C564C}
@media (max-width:600px){.s4-cb{grid-template-columns:96px 1fr 48px}}
/* 2.132.36: every chapter closes with one thing to do, in the black box from the approved mockup */
html.slb-on .nl-ch-do{background:#141210;border:0;border-radius:10px;padding:12px 14px;color:#fff}
html.slb-on .nl-ch-do .nl-ch-line{color:#fff}
html.slb-on .nl-ch-do .nl-ch-line b{color:#E2A72E}
html.slb-on .nl-ch-do .nl-act{color:#fff;border-color:#fff}
/* 2.133.1 Every chapter in the four parts (build4): a part moved inside a topic bar shows its content without its own bar,
   and Black press headlines read as each paper's reporting (Owner, Nov 5, 2026, 11:23 to 11:28 am). */
html.slb-on .nl-sec.s4-in{margin:10px 0 0;padding:0;border:0}
html.slb-on .nl-sec.s4-in > .nl-h,html.slb-on .nl-sec.s4-in > .nl-sum{display:none}
html.slb-on .nl-sec.s4-in > .nl-body{display:block;padding:0;border:0;background:none}
html.slb-on .s4-iss.s4-press{margin-top:6px}
html.slb-on .s4-iss.s4-press li span{color:#5C564C;font-weight:400;font-size:13px}
html.slb-on .s4-n .s4-l b{color:#141210}