/* The reader's screens: round 09 port (design lane, 2026-09-24), from
   design/imports/claude-design-kit-2026-09-24-08-10/round-09 (NOTE-09.md). Board px are rem here (16px base) so
   200% text reflows. Breakpoints: the boards' 1440 / 768 / 390 layouts map to default / max 68rem / max 40rem.
   Operator rulings 2026-09-24: web action buttons are KMS red with white type, hover black with a red inset, working
   state outlined; fields are white-filled boxes with black type. No image. The three variable woff2 with swap. */
@font-face{font-family:'Merriweather';src:url('/colorado-voter-guide/2026/assets/4fbe8dd9c23b1fd62a988bb8a69b8e692d810f773d9ef6ebca2ba2760c7b11ee.woff2') format('woff2');font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:'Merriweather';src:url('/colorado-voter-guide/2026/assets/caa1da88ecea68d5d4b79881792675c76e691f5141ae3fef85bd472920436053.woff2') format('woff2');font-weight:300 900;font-style:italic;font-display:swap}
@font-face{font-family:'Merriweather Sans';src:url('/colorado-voter-guide/2026/assets/27466288bb2b5e7d4734a92dfc76983fe9288fe9da5ce70b06a5aa0ae525ff7a.woff2') format('woff2');font-weight:300 800;font-style:normal;font-display:swap}
:root{--ink:#000;--red:#E34234;--red-hover:#B1382B;--rule:#555;--hair:#D0D0D0;--tint:#F3F4F5;--serif:'Merriweather',Georgia,serif;--sans:'Merriweather Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{font-size:100%}
body{margin:0;background:#fff;font-family:var(--sans);color:var(--ink);-webkit-text-size-adjust:100%}
a{color:inherit}
.rd-dark a:hover,.rd-gate a:hover,.rd-band a:hover,.rd-strip a:hover,.rd-foot a:hover,.rd-crumb:not(.rd-light) a:hover{color:#8FCBD2}
.rd-light a:hover,.rd-gd a:hover{color:#0E7C86}
.rd-slot{font-style:italic}
.rd-pad{padding-left:4rem;padding-right:4rem}
/* Wide screens (operator, 2026-10-06): the reader's header, content and footer share the guide pages' own container cap
   (their div.pad: max-width 1240px, centred), so on 4K the strip and the content line up instead of the strip running full
   width while the content sits left. Scoped under .rd-scr so it outranks the crumb's own margin:0. */
.rd-scr .rd-pad{box-sizing:border-box;width:100%;max-width:1240px;margin-left:auto;margin-right:auto}
@media (max-width:68rem){.rd-pad{padding-left:2.5rem;padding-right:2.5rem}}
@media (max-width:40rem){.rd-pad{padding-left:1.25rem;padding-right:1.25rem}}
.rd-scr{background:#000;color:#fff;min-height:100vh;display:flex;flex-direction:column}
.rd-scr > main{flex:1 0 auto}

/* the chrome */
.rd-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:'kms brand sup';align-items:center;gap:.625rem .875rem;min-height:3.25rem;padding-top:.5rem;padding-bottom:.5rem;background:#000;color:#fff}
.rd-kms{grid-area:kms;text-decoration:none;color:#fff;font:900 1.25rem/1 var(--serif);letter-spacing:0;white-space:nowrap}
.rd-brand{grid-area:brand;font:600 .8125rem/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#fff;overflow-wrap:anywhere}
.rd-sup{grid-area:sup;justify-self:end;font:600 .8125rem/1.4 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--red);padding:.5625rem .875rem;text-decoration:none;white-space:nowrap}
.rd-sup:hover{color:#fff!important;background:#000;box-shadow:inset 0 0 0 2px var(--red)}
@media (max-width:40rem){.rd-strip{grid-template-columns:auto minmax(0,1fr);grid-template-areas:'kms sup' 'brand brand';padding-top:.625rem;padding-bottom:.625rem}.rd-brand{font-size:.75rem}.rd-sup{font-size:.75rem;padding:.5rem .625rem}}
.rd-crumb{display:flex;gap:.25rem .625rem;flex-wrap:wrap;align-items:baseline;padding-top:.75rem;padding-bottom:.75rem;border-top:1px solid var(--rule);font:400 .9375rem/1.5 var(--sans);color:#fff;margin:0}
.rd-crumb a{text-decoration:none}.rd-crumb b{font-weight:700;overflow-wrap:anywhere}
.rd-crumb.rd-light{background:#fff;color:#000;border-top:0;border-bottom:1px solid var(--hair)}
.rd-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem 1.5rem;flex-wrap:wrap;padding-top:2.5rem;padding-bottom:2.5rem;border-top:1px solid var(--rule);font:700 .875rem/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#fff;background:#000}
@media (max-width:40rem){.rd-foot{letter-spacing:.1em;font-size:.8125rem}}
:focus-visible{outline:2px solid #fff;outline-offset:4px}
.rd-light :focus-visible,.rd-gd :focus-visible{outline-color:#000}.rd-gd .rd-band :focus-visible{outline-color:#fff}

/* access screens: black, H1 and sentence left, the panel right */
.rd-acc{display:grid;grid-template-columns:minmax(0,1fr) 30rem;gap:3rem 6rem;padding:5.5rem 0 6.5rem;align-items:start}
.rd-acc.rd-tight{padding:4rem 0 4.5rem}
@media (max-width:68rem){.rd-acc{grid-template-columns:minmax(0,1fr);padding:3.5rem 0 4.5rem;gap:2.5rem}}
@media (max-width:40rem){.rd-acc{padding:2.25rem 0 3.25rem;gap:1.75rem}}
.rd-lead h1{margin:0;font:700 3.5rem/1.08 var(--serif);letter-spacing:-.01em;color:#fff;text-wrap:balance;overflow-wrap:anywhere}
.rd-lead h2{margin:0;font:700 2.5rem/1.15 var(--serif);color:#fff;overflow-wrap:anywhere}
@media (max-width:68rem){.rd-lead h1{font-size:3rem}}
@media (max-width:40rem){.rd-lead h1{font-size:2.125rem;line-height:1.12}.rd-lead h2{font-size:1.875rem}}
.rd-lead-p{margin:1.5rem 0 0;font:400 1.3125rem/1.6 var(--serif);color:#fff;max-width:40ch;text-wrap:pretty}
@media (max-width:68rem){.rd-lead-p{max-width:52ch}}
@media (max-width:40rem){.rd-lead-p{font-size:1.125rem;margin-top:1.125rem}}
.rd-panel{border-top:3px solid #fff;padding-top:1.5rem;display:grid;gap:1.375rem;align-content:start;color:#fff;margin:0}
.rd-panel.rd-plain{gap:1.125rem}
.rd-f{display:grid;gap:.375rem;min-width:0}
.rd-fl{display:flex;justify-content:space-between;gap:.75rem;font:600 .875rem/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.rd-fl i{font-style:normal;font-weight:400;letter-spacing:0;text-transform:none}
.rd-f input,.rd-f select{box-sizing:border-box;height:3.25rem;width:100%;border:0;border-radius:0;background:#fff;padding:0 .875rem;font:400 1.25rem/1.4 var(--sans);color:#000;-webkit-appearance:none;appearance:none;box-shadow:inset 0 -3px 0 var(--hair)}
.rd-f input:focus-visible,.rd-f select:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:inset 0 -3px 0 #000}
.rd-f input[readonly]{cursor:default;background:var(--tint)}
.rd-f.rd-err input{box-shadow:inset 0 0 0 3px #000,0 0 0 3px #fff}
.rd-em{margin:.375rem 0 0;font:700 .9375rem/1.45 var(--sans);color:#fff}
.rd-fnote{margin:-.5rem 0 0;border:2px solid #fff;padding:.75rem .875rem;font:700 .9375rem/1.5 var(--sans);color:#fff}
.rd-row2{display:grid;grid-template-columns:minmax(0,1fr) 8.75rem;gap:1.25rem;align-items:start}
@media (max-width:40rem){.rd-f input,.rd-f select{height:3.125rem;font-size:1.125rem}.rd-row2{grid-template-columns:minmax(0,1fr);gap:1.375rem}}
.rd-selw{position:relative}.rd-selw select{padding-right:2.5rem;cursor:pointer}.rd-selw option{color:#000}
.rd-caret{position:absolute;right:.875rem;top:1rem;font:400 1.125rem/1 var(--sans);color:#000;pointer-events:none}
.rd-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:3.625rem;border:0;border-radius:0;background:var(--red);color:#fff;font:600 1rem/1.3 var(--sans);padding:.75rem 1.25rem;cursor:pointer;text-decoration:none;text-align:center}
.rd-btn:hover{color:#fff!important;background:#000;box-shadow:inset 0 0 0 2px var(--red)}
.rd-btn[aria-disabled="true"],.rd-btn:disabled{background:#000;color:#fff;box-shadow:inset 0 0 0 2px #fff;cursor:not-allowed}
.rd-btn[aria-busy="true"]{cursor:progress}
.rd-btn.rd-ink{width:auto;justify-self:start;margin-top:.375rem}
.rd-status{margin:0;font:700 1rem/1.5 var(--sans);color:#fff}
.rd-status.rd-big{font:700 1.375rem/1.4 var(--serif)}
.rd-box{border:2px solid #fff;padding:.875rem 1rem;font:700 .9375rem/1.5 var(--sans);color:#fff}
.rd-box p{margin:0}.rd-box p+p{margin-top:.375rem;font-weight:400}
.rd-box.rd-fail{border-width:3px}
.rd-ret{padding-top:.875rem;border-top:1px solid var(--rule);display:grid;gap:.625rem}
.rd-ret a{font:400 1rem/1.5 var(--sans);color:#fff;text-decoration:underline;text-underline-offset:3px;justify-self:start}
.rd-txtbtn{background:none;border:0;padding:0;font:400 1.125rem/1.5 var(--sans);color:#fff;text-decoration:underline;text-underline-offset:4px;cursor:pointer;text-align:left;justify-self:start}
.rd-hidden{display:none}

/* light pages: the guest introduction, the guide */
.rd-light{background:#fff;color:#000}
.rd-intro{padding:4rem 0 3.5rem;max-width:55rem}
.rd-intro h1{margin:0;font:700 3rem/1.12 var(--serif);color:#000;text-wrap:balance;overflow-wrap:anywhere}
.rd-intro p{margin:1.25rem 0 0;font:400 1.3125rem/1.6 var(--serif);color:#000;max-width:60ch;text-wrap:pretty}
@media (max-width:40rem){.rd-intro{padding:2rem 0 2.25rem}.rd-intro h1{font-size:2rem}.rd-intro p{font-size:1.125rem}}
.rd-gate{background:#000;color:#fff}
.rd-gd{background:#fff;color:#000;padding-top:2.5rem;padding-bottom:5.5rem}
.rd-gd.rd-solo{padding-top:1.75rem;padding-bottom:1.75rem}

/* 08a: the notice band */
.rd-band{background:#000;color:#fff;display:grid;grid-template-columns:16.25rem minmax(0,1fr);gap:.875rem 2.5rem;padding:1.75rem 2rem}
@media (max-width:68rem){.rd-band{grid-template-columns:minmax(0,1fr)}}
@media (max-width:40rem){.rd-band{padding:1.375rem 1.25rem;margin:0 -1.25rem}}
.rd-bl{margin:0;font:600 .875rem/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.rd-facts{display:grid;min-width:0}
.rd-fact{margin:0;padding:.875rem 0;border-top:1px solid var(--rule);font:400 1.1875rem/1.6 var(--serif);color:#fff;max-width:62ch;text-wrap:pretty;overflow-wrap:anywhere}
.rd-fact:first-child{border-top:0;padding-top:0}.rd-fact:last-child{padding-bottom:0}.rd-fact p{margin:0}.rd-fact .rd-upd{display:inline-block;margin-top:.5rem}
@media (max-width:40rem){.rd-fact{font-size:1.0625rem}}
.rd-upd{font:400 1rem/1.5 var(--sans);color:#fff;text-decoration:underline;text-underline-offset:3px}

/* 08: the destinations */
.rd-kick{margin:3rem 0 1rem;font:600 .875rem/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#000}
.rd-dest{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:1rem}
@media (max-width:68rem){.rd-dest{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-d1{grid-column:1 / -1}}
@media (max-width:40rem){.rd-dest{grid-template-columns:minmax(0,1fr);gap:.75rem}}
.rd-d1,.rd-dt{display:grid;gap:1.5rem;align-content:space-between;text-decoration:none;min-width:0}
.rd-d1{background:#000;color:#fff;padding:1.75rem 1.75rem 1.375rem;min-height:13.75rem}
.rd-d1 .rd-t{font:700 2.25rem/1.15 var(--serif);text-wrap:balance;overflow-wrap:anywhere}
.rd-d1 .rd-t::after{content:" \2192"}
.rd-d1:hover{color:#8FCBD2}
@media (max-width:40rem){.rd-d1{min-height:0;padding:1.375rem 1.25rem 1.125rem}.rd-d1 .rd-t{font-size:1.75rem}}
.rd-dt{border:2px solid #000;color:#000;padding:1.25rem 1.25rem 1rem}
.rd-dt .rd-t{font:700 1.1875rem/1.35 var(--sans);text-wrap:pretty;overflow-wrap:anywhere}
a.rd-dt .rd-t{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.rd-dt.rd-prep{border-style:dashed}
.rd-dt.rd-un{background:var(--tint);border-width:1px}
.rd-av{font:600 .875rem/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;border-top:1px solid currentColor;padding-top:.625rem}
.rd-msg{margin:1.25rem 0 0;padding-top:.875rem;border-top:1px solid #000;font:400 1.125rem/1.6 var(--serif);max-width:62ch;text-wrap:pretty}
.rd-more{margin-top:2rem;border-top:2px solid #000;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem}
@media (max-width:40rem){.rd-more{grid-template-columns:minmax(0,1fr)}}
.rd-mr{display:flex;justify-content:space-between;gap:.5rem 1rem;align-items:baseline;flex-wrap:wrap;padding:1.125rem 0;border-bottom:1px solid var(--hair);text-decoration:none;color:#000}
.rd-mr .rd-t{font:700 1.375rem/1.3 var(--serif);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.rd-mr .rd-t.rd-nolink{text-decoration:none}
.rd-mr .rd-av{border:0;padding:0}
.rd-failbox{margin-top:1.5rem;border:3px solid #000;padding:1.125rem 1.25rem;display:grid;gap:.375rem;font:400 1.125rem/1.55 var(--serif);max-width:45rem}
.rd-failbox p{margin:0}
.rd-failbox .rd-btn{width:auto;justify-self:start;margin-top:.5rem}
@media (prefers-reduced-motion:no-preference){.rd-btn,.rd-d1,a{transition:color .12s,background-color .12s}}

/* the temporary-access reminder (amendment 2026-09-24): outlined, persistent, separate from the notice band */
.rd-remind{margin:0 0 1rem;border:2px solid #000;padding:.875rem 1rem;font:700 .9375rem/1.5 var(--sans);color:#000;max-width:62ch}
.rd-remind p{margin:0}.rd-remind a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.rd-remind-wrap{padding-top:1.5rem;padding-bottom:0}.rd-remind-wrap .rd-remind{margin-bottom:0}
.rd-remind-dark{margin-top:1.375rem}.rd-remind-dark .rd-remind{border-color:#fff;color:#fff;margin:0}

/* Application integration: native content follows the document scroll. */
.rd-retained{margin-top:2rem;border-top:1px solid var(--hair);padding-top:1rem;min-width:0}

/* Keep native section headings clear of the original sticky mobile menu. */
.rd-retained [data-native-page] [data-native-body] [id]{scroll-margin-top:6rem}
/* The address choice on the request form (Design board e3f028fc58, approved 2026-10-01/02): two cards; only the chosen card's
   fields open (without :has, both stay open). No red except the call to action. */
.rd-choice{border:0;margin:0 0 1.375rem;padding:0;display:grid;gap:.75rem;min-width:0}
.rd-choice-q{margin:0 0 .25rem;padding:0;width:100%}
.rd-card{border:2px solid var(--rule);color:#fff}
.rd-card:has(input[type=radio]:checked){border:3px solid #fff}
.rd-card-head{display:flex;gap:.875rem;align-items:flex-start;padding:1rem;min-height:3.5rem;cursor:pointer}
.rd-card input[type=radio]{appearance:none;-webkit-appearance:none;flex:none;width:1.5rem;height:1.5rem;margin:.125rem 0 0;padding:0;border-radius:50%;background:#000;box-shadow:inset 0 0 0 2px #fff;display:grid;place-content:center}
.rd-card input[type=radio]::before{content:"";width:.75rem;height:.75rem;border-radius:50%;background:#fff;transform:scale(0)}
.rd-card input[type=radio]:checked::before{transform:scale(1)}
.rd-card input[type=radio]:focus-visible{outline:3px solid #fff;outline-offset:3px}
.rd-card-t{display:block;font:700 1.0625rem/1.35 var(--sans)}
.rd-card-w{display:block;margin-top:.25rem;font:400 .9375rem/1.5 var(--sans);color:#D8D8D8}
.rd-card-f{display:none;padding:0 1rem 1rem 3.375rem}
.rd-card:has(input[type=radio]:checked) .rd-card-f{display:block}
@supports not selector(:has(*)){.rd-card-f{display:block}}
.rd-card-zip input{max-width:9rem}
/* R101 county choices: the full list behind "My county isn't listed" */
.rd-county-more{margin:.25rem 0 0}.rd-county-more>summary{cursor:pointer;color:#fff;text-decoration:underline;text-underline-offset:.2em;font:600 1rem/1.4 var(--sans);padding:.5rem 0;list-style:none}.rd-county-more>summary::-webkit-details-marker{display:none}.rd-county-more[open]>summary{margin-bottom:.75rem}
/* R101: the busy-times line under the sign-up button */
.rd-demand-note{margin-top:.75rem;font-weight:400}