body { margin: 0; font-family: var(--font-sans); font-size: 18px; line-height: 1.55; letter-spacing: 0.01em; background: var(--board); color: var(--ink); }
a { color: var(--ink); text-underline-offset: 3px; }
a:hover { color: var(--stamp); }
:where(a, button, [tabindex]):focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.vtr-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

@keyframes vtr-rise { from { opacity: 0; translate: 0 28px; } to { opacity: 1; translate: 0 0; } }
@keyframes vtr-grow { from { scale: 0 1; } to { scale: 1 1; } }
@keyframes vtr-pop { 0% { opacity: 0; scale: 0.4; } 70% { opacity: 1; scale: 1.12; } 100% { opacity: 1; scale: 1; } }
@keyframes vtr-swipe { from { background-size: 0% 42%; } to { background-size: 100% 42%; } }
.vtr-rise { animation: vtr-rise var(--dur-rise) var(--ease-paper) both; }
.vtr-pop { animation: vtr-pop var(--dur-pop) var(--ease-paper) both; }
.vtr-grow { transform-origin: left center; animation: vtr-grow var(--dur-grow) var(--ease-paper) both; }

.vtr-paper-lift { position: relative; filter: drop-shadow(var(--shadow-lift-near)) drop-shadow(var(--shadow-lift-far)); }
.vtr-paper { display: flex; flex-direction: column; gap: var(--space-3); box-sizing: border-box; background: var(--paper); color: var(--ink); padding: var(--space-5) var(--space-5) var(--space-7); }
.vtr-paper--marker { background: var(--marker); color: var(--on-marker); }
.vtr-paper--ruled { background-color: var(--paper); background-image: repeating-linear-gradient(transparent 0 27px, var(--paper-rule) 27px 28px); line-height: 28px; }
.vtr-paper--square { padding-bottom: var(--space-5); }
.vtr-torn { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6px), 95% 100%, 90% calc(100% - 5px), 85% 100%, 80% calc(100% - 7px), 75% 100%, 70% calc(100% - 4px), 65% 100%, 60% calc(100% - 6px), 55% 100%, 50% calc(100% - 5px), 45% 100%, 40% calc(100% - 7px), 35% 100%, 30% calc(100% - 4px), 25% 100%, 20% calc(100% - 6px), 15% 100%, 10% calc(100% - 5px), 5% 100%, 0 calc(100% - 6px)); }
.vtr-tape { position: absolute; top: -12px; height: 26px; width: 96px; background: var(--tape); pointer-events: none; }
.vtr-tape--center { left: 50%; margin-left: -48px; rotate: var(--tilt-tape); }
.vtr-tape--left { left: 28px; width: 80px; height: 24px; rotate: -6deg; }
.vtr-tape--right { right: 32px; width: 80px; height: 24px; rotate: 5deg; }

.vtr-tab { display: inline-block; align-self: flex-start; margin: 0; background: var(--tab); color: var(--on-tab); padding: 3px 10px; font-size: 13px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; rotate: var(--tilt-tab); box-shadow: var(--shadow-cut); }
.vtr-tab--ink { background: var(--ink); color: var(--on-ink); box-shadow: 2px 2px 0 var(--tab); }
.vtr-tab--stamp { background: var(--stamp); color: var(--on-stamp); }

.vtr-btn { --btn-tilt: 0deg; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: 52px; padding: 0 var(--space-5); border: 0; border-radius: var(--radius-none); font: inherit; font-size: 17px; line-height: 20px; font-weight: 800; text-decoration: none; cursor: pointer; rotate: var(--btn-tilt); transition: translate 120ms var(--ease-paper), box-shadow 120ms var(--ease-paper); }
.vtr-btn--primary { --btn-tilt: -0.6deg; background: var(--ink); color: var(--on-ink); box-shadow: var(--shadow-button); }
.vtr-btn--accent { --btn-tilt: 0.4deg; background: var(--tab); color: var(--on-tab); box-shadow: var(--shadow-sticker); }
.vtr-btn--secondary { --btn-tilt: 0.6deg; background: var(--paper); color: var(--ink); box-shadow: inset 0 0 0 2px var(--ink); }
.vtr-btn:hover { color: inherit; }
.vtr-btn--primary:hover { color: var(--on-ink); }
.vtr-btn:active { translate: 2px 3px; box-shadow: none; }
.vtr-btn--secondary:active { box-shadow: inset 0 0 0 2px var(--ink); }
.vtr-btn--sm { min-height: 44px; padding: 0 var(--space-4); font-size: 15px; }
.vtr-btn--block { display: flex; width: 100%; }
.vtr-btn[disabled], .vtr-btn[aria-disabled="true"] { cursor: not-allowed; background: var(--board-quiet); color: var(--ink-board); box-shadow: none; }

.vtr-badge { --badge-tilt: 0deg; display: inline-flex; align-items: center; gap: 5px; align-self: flex-start; padding: 2px 10px; font-size: 14px; line-height: 20px; font-weight: 700; color: var(--ink); rotate: var(--badge-tilt); white-space: nowrap; }
.vtr-badge--party { --badge-tilt: var(--tilt-tab); background: var(--marker); color: var(--on-marker); }
.vtr-badge--neutral { background: var(--paper); box-shadow: inset 0 0 0 2px var(--ink); }
.vtr-badge--reviewed { --badge-tilt: 3deg; padding: 1px 8px; border: 2.5px solid var(--stamp); border-radius: var(--radius-chip); color: var(--stamp); font-size: 13px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }
.vtr-badge--machine { padding: 1px 10px; border: 2px dashed var(--ink-muted); color: var(--ink-muted); font-size: 13px; }

.vtr-mark { background-color: transparent; color: inherit; padding: 0 1px; background-image: linear-gradient(var(--highlight), var(--highlight)); background-repeat: no-repeat; background-position: 0 100%; background-size: 100% 42%; -webkit-box-decoration-break: clone; box-decoration-break: clone; animation: vtr-swipe 700ms var(--ease-paper) both; animation-delay: 400ms; }

.vtr-avatar { --avatar-size: 70px; display: inline-flex; flex-direction: column; align-items: center; gap: 6px; width: calc(var(--avatar-size) + 4px); text-decoration: none; color: var(--ink); }
.vtr-avatar--sm { --avatar-size: 52px; }
.vtr-avatar--lg { --avatar-size: 108px; }
.vtr-avatar__ring { position: relative; display: block; box-sizing: border-box; width: var(--avatar-size); height: var(--avatar-size); padding: 5px; border-radius: var(--radius-round); background: var(--board-quiet); rotate: var(--avatar-tilt, 0deg); }
.vtr-avatar__ring--new { background: var(--tab); box-shadow: var(--shadow-sticker); }
.vtr-avatar__ring--none { background: transparent; padding: 0; }
.vtr-avatar__face { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: var(--radius-round); background: var(--paper); color: var(--ink); font-weight: 800; font-size: calc(var(--avatar-size) * 0.27); line-height: 1; }
.vtr-avatar__update { position: absolute; right: -10px; bottom: -6px; padding: 0 6px; font-size: 13px; line-height: 18px; font-weight: 800; rotate: 6deg; }
.vtr-avatar__update--money { background: var(--stamp); color: var(--on-stamp); }
.vtr-avatar__update--vote { background: var(--marker); color: var(--on-marker); }
.vtr-avatar__update--said { background: var(--ink); color: var(--on-ink); }
.vtr-avatar__label { font-size: 14px; line-height: 18px; font-weight: 700; }

.vtr-sticker { --sticker-size: 112px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-1); width: var(--sticker-size); aspect-ratio: 1; padding: var(--space-2); border-radius: var(--radius-round); text-align: center; box-shadow: var(--shadow-sticker); rotate: var(--sticker-tilt, var(--tilt-sticker)); }
.vtr-sticker--fill { width: 100%; }
.vtr-sticker--tab { background: var(--tab); color: var(--on-tab); }
.vtr-sticker--stamp { background: var(--stamp); color: var(--on-stamp); }
.vtr-sticker--marker { background: var(--marker); color: var(--on-marker); }
.vtr-sticker__value { font-size: 30px; line-height: 1; font-weight: 800; font-variant-numeric: tabular-nums; }
.vtr-sticker__label { max-width: 86%; font-size: 13px; line-height: 1.2; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }

.vtr-strips { display: grid; grid-template-columns: minmax(84px, max-content) minmax(0, 1fr); gap: var(--space-2) var(--space-3); align-items: center; margin: 0; font-size: 15px; line-height: 20px; font-weight: 700; }
.vtr-strips__label { margin: 0; }
.vtr-strips__track { display: flex; align-items: center; gap: var(--space-2); min-width: 0; margin: 0; }
.vtr-strip { display: flex; align-items: center; flex-shrink: 0; box-sizing: border-box; height: 28px; padding-left: var(--space-2); white-space: nowrap; box-shadow: inset 0 0 0 1.5px var(--ink); }
.vtr-strip--1 { background: var(--data-1); color: var(--on-data-1); }
.vtr-strip--2 { background: var(--data-2); color: var(--on-data-2); }
.vtr-strip--3 { background: var(--data-3); color: var(--on-data-3); }
.vtr-strip--4 { background: var(--data-4); color: var(--on-data-4); }

.vtr-votes { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.vtr-vote { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--radius-round); font-size: 15px; line-height: 1; font-weight: 800; }
.vtr-vote--no { border: 2.5px solid currentColor; color: inherit; }
.vtr-vote--yes { border: 2.5px solid var(--vote-yes); background: var(--vote-yes); color: var(--on-stamp); }
.vtr-vote--absent { border: 2px dashed currentColor; color: inherit; }

.vtr-icon { display: inline-block; flex-shrink: 0; vertical-align: middle; }

.vtr-countdown__row { display: flex; align-items: center; gap: 14px; }
.vtr-countdown__days { background: var(--slab); color: var(--on-slab); padding: 4px 14px 8px; font-size: 64px; line-height: 64px; font-weight: 800; font-style: italic; font-variant-numeric: tabular-nums; }
.vtr-countdown__words { font-size: 22px; line-height: 1.15; font-weight: 800; }
.vtr-countdown__meta { display: flex; justify-content: space-between; gap: var(--space-3); font-size: 15px; line-height: 22px; font-weight: 700; }
.vtr-slots { display: grid; grid-template-columns: repeat(var(--slots), minmax(0, 1fr)); gap: 4px; margin: 0; padding: 0; list-style: none; }
.vtr-slot { box-sizing: border-box; height: 16px; }
.vtr-slot--done { background: var(--stamp); }
.vtr-slot--todo { border: 2px dashed var(--ink-muted); }

.vtr-polaroid { flex-shrink: 0; }
.vtr-polaroid__frame { background: var(--paper); padding: 8px 8px 22px; }
.vtr-polaroid__photo { display: flex; align-items: center; justify-content: center; box-sizing: border-box; font-weight: 800; line-height: 1; object-fit: cover; }
.vtr-polaroid__photo--marker { background: var(--marker); color: var(--on-marker); }
.vtr-polaroid__photo--stamp { background: var(--stamp); color: var(--on-stamp); }
.vtr-polaroid__photo--tab { background: var(--tab); color: var(--on-tab); }

.vtr-candidate { display: flex; gap: var(--space-4); align-items: flex-end; }
.vtr-candidate__text { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding-bottom: var(--space-1); }
.vtr-candidate__standing { font-size: 14px; line-height: 18px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.vtr-candidate__name { margin: 0; font-size: 40px; line-height: 44px; font-weight: 800; font-style: italic; overflow-wrap: anywhere; }

.vtr-quickread__head { display: flex; justify-content: space-between; align-items: center; gap: var(--space-2); }
.vtr-quickread__label { margin: 0; font-size: 13px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--stamp); }
.vtr-quickread__body { margin: 0; font-size: 19px; line-height: 29px; }
.vtr-quickread__foot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2) var(--space-3); font-size: 15px; line-height: 22px; font-weight: 700; }
.vtr-quickread__report { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-muted); }

.vtr-race { display: flex; flex-direction: column; gap: var(--space-3); }
.vtr-race__stage { position: relative; }
.vtr-race__pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.vtr-race__card { display: flex; flex-direction: column; gap: var(--space-2); height: 100%; box-sizing: border-box; padding: 10px 10px 14px; background: var(--paper); color: var(--ink); text-decoration: none; }
.vtr-race__card:hover { color: var(--ink); }
.vtr-race__photo { height: 96px; font-size: 36px; }
.vtr-race__name { font-size: 18px; line-height: 1.2; font-weight: 800; }
.vtr-race__meta { font-size: 14px; line-height: 18px; color: var(--ink-muted); }
.vtr-race__metric { font-size: 14px; line-height: 18px; font-weight: 700; }
.vtr-race__empty { box-sizing: border-box; height: 12px; border: 2px dashed var(--ink-muted); }
.vtr-strip--thin { height: 12px; padding: 0; }
.vtr-race__vs { position: absolute; left: 50%; top: 44px; margin-left: -26px; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: var(--radius-round); background: var(--slab); color: var(--on-slab); font-size: 17px; font-weight: 800; font-style: italic; rotate: -10deg; box-shadow: 0 0 0 3px var(--paper); pointer-events: none; }

.vtr-drill { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.vtr-drill__link { display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; min-height: 64px; padding: 10px 14px; background: var(--paper); color: var(--ink); text-decoration: none; }
.vtr-drill__link:hover { color: var(--ink); }
.vtr-drill__label { font-size: 17px; line-height: 22px; font-weight: 800; }
.vtr-drill__detail { font-size: 13px; line-height: 18px; color: var(--ink-muted); }

.vtr-nav { display: grid; grid-template-columns: repeat(var(--nav-count, 4), minmax(0, 1fr)); align-items: center; min-height: 80px; background: var(--paper); box-shadow: 0 -6px 14px -8px rgba(31, 27, 22, 0.4); }
.vtr-nav__item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 56px; color: var(--ink); text-decoration: none; font-size: 13px; line-height: 16px; font-weight: 700; }
.vtr-nav__item:hover { color: var(--ink); }
.vtr-nav__icon { display: flex; padding: 2px 14px; }
.vtr-nav__item[aria-current="page"] { font-weight: 800; }
.vtr-nav__item[aria-current="page"] .vtr-nav__icon { background: var(--marker); color: var(--on-marker); rotate: -3deg; }

@media (prefers-reduced-motion: reduce) {
  .vtr-rise, .vtr-pop, .vtr-grow, .vtr-mark { animation: none; }
  .vtr-btn { transition: none; }
}

.vtr-money__head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-3); }
.vtr-money__kicker { margin: 0; font-size: 13px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--stamp); }
.vtr-money__title { margin: 0; font-size: 28px; line-height: 34px; font-weight: 800; }
.vtr-money__total { font-size: 15px; line-height: 22px; font-weight: 800; white-space: nowrap; }
.vtr-money__headline { margin: 0; font-size: 21px; line-height: 28px; font-weight: 800; }
.vtr-money__foot { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--space-2) var(--space-3); padding-top: var(--space-3); border-top: 2px dashed var(--ink-muted); }
.vtr-money__foot--plain { border-top: 0; padding-top: 0; }
.vtr-money__fact-label { font-size: 13px; line-height: 18px; color: var(--ink-muted); }
.vtr-money__fact-value { font-size: 17px; line-height: 22px; font-weight: 800; }
.vtr-money__link { font-size: 15px; line-height: 22px; font-weight: 800; }

.vtr-saysdoes { display: flex; flex-direction: column; gap: var(--space-3); margin: 0; }
.vtr-saysdoes__says { margin-right: 36px; }
.vtr-saysdoes__does { margin-left: 36px; margin-top: -8px; }
.vtr-saysdoes__label { font-size: 13px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.vtr-saysdoes__label--says { color: var(--stamp); }
.vtr-says { margin: 0; gap: 2px; }
.vtr-says__quote { margin: 0; font-size: 19px; line-height: 28px; font-style: italic; font-weight: 500; }
.vtr-says__source { font-size: 13px; line-height: 28px; color: var(--ink-muted); }
.vtr-does { gap: var(--space-2); }
.vtr-does__summary { font-size: 19px; line-height: 1.3; font-weight: 800; }
.vtr-does__detail { margin: 0; font-size: 15px; line-height: 22px; }
.vtr-does a { color: inherit; font-size: 15px; font-weight: 800; }

.vtr-wordmark { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 2px; text-decoration: none; --wm-size: 17px; --wm-indent: 20px; }
.vtr-wordmark--sm { --wm-size: 15px; --wm-indent: 16px; }
.vtr-wordmark--xs { --wm-size: 13px; --wm-indent: 10px; }
.vtr-wordmark span { padding: 0 8px; font-size: var(--wm-size); line-height: 1.4; font-weight: 800; letter-spacing: 0.02em; }
.vtr-wordmark__vote { background: var(--tab); color: var(--on-tab); rotate: -3deg; box-shadow: var(--shadow-cut); }
.vtr-wordmark__the { margin-left: var(--wm-indent); background: var(--paper); color: var(--ink); rotate: 2deg; box-shadow: var(--shadow-cut); }
.vtr-wordmark__record { margin-left: 4px; background: var(--slab); color: var(--on-slab); rotate: -1deg; }

.vtr-search { box-sizing: border-box; display: flex; align-items: center; gap: 10px; width: 100%; max-width: 560px; min-height: 48px; margin: 0; padding: 0 14px; background: var(--paper); color: var(--ink); box-shadow: inset 0 0 0 2px var(--ink); rotate: -0.4deg; }
.vtr-search:focus-within { outline: 3px solid var(--focus); outline-offset: 3px; }
.vtr-search__input { flex: 1; min-width: 0; min-height: 44px; border: 0; background: transparent; color: var(--ink); font: inherit; font-size: 17px; outline: none; }
.vtr-search__input::placeholder { color: var(--ink-muted); }

.vtr-topbar { box-sizing: border-box; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--gutter-desktop); height: 100%; padding: 0 var(--gutter-desktop); background: var(--paper); box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.4); position: relative; z-index: 2; }
.vtr-topbar .vtr-search { justify-self: center; }
.vtr-topbar__end { display: flex; align-items: center; gap: var(--space-4); }

.vtr-sidenav { box-sizing: border-box; display: flex; flex-direction: column; gap: var(--space-7); height: 100%; padding: var(--space-7) var(--space-5); background: var(--paper); box-shadow: 6px 0 14px -10px rgba(0, 0, 0, 0.4); position: relative; z-index: 1; overflow-y: auto; }
.vtr-sidenav__items { display: flex; flex-direction: column; gap: 6px; }
.vtr-sidenav__item { display: flex; align-items: center; gap: 14px; min-height: 52px; padding: 0 14px; color: var(--ink); text-decoration: none; font-size: 17px; line-height: 22px; font-weight: 700; }
.vtr-sidenav__item:hover { color: var(--ink); background: var(--board-quiet); }
.vtr-sidenav__item[aria-current="page"] { background: var(--marker); color: var(--on-marker); font-weight: 800; rotate: -1deg; box-shadow: var(--shadow-cut); }
.vtr-sidenav__icon { display: flex; }
.vtr-sidenav__ballot { display: flex; flex-direction: column; gap: var(--space-3); }
.vtr-sidenav__footer { margin-top: auto; font-size: 13px; line-height: 18px; color: var(--ink-muted); }
.vtr-progress { display: flex; flex-direction: column; gap: var(--space-2); }
.vtr-progress__words { font-size: 15px; line-height: 22px; font-weight: 700; }

.vtr-rail { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: var(--space-7); height: 100%; padding: var(--space-6) var(--space-2); background: var(--paper); box-shadow: 6px 0 14px -10px rgba(0, 0, 0, 0.4); position: relative; z-index: 1; }
.vtr-rail__items { display: flex; flex-direction: column; gap: var(--space-2); width: 100%; }
.vtr-rail__item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 64px; color: var(--ink); text-decoration: none; font-size: 13px; line-height: 16px; font-weight: 700; }
.vtr-rail__item:hover { color: var(--ink); }
.vtr-rail__icon { display: flex; padding: 4px 16px; }
.vtr-rail__item[aria-current="page"] { font-weight: 800; }
.vtr-rail__item[aria-current="page"] .vtr-rail__icon { background: var(--marker); color: var(--on-marker); rotate: -3deg; }

.vtr-ballotlist { display: flex; flex-direction: column; gap: var(--space-7); }
.vtr-ballotlist__group { display: flex; flex-direction: column; gap: var(--space-3); }
.vtr-ballotlist__items { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.vtr-ballotlist__race { box-sizing: border-box; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--space-3); min-height: 64px; padding: 12px 14px; background: var(--paper); color: var(--ink); text-decoration: none; box-shadow: var(--shadow-lift-near); }
.vtr-ballotlist__race:hover { color: var(--ink); }
.vtr-ballotlist__race[aria-current="page"] { background: var(--marker); color: var(--on-marker); rotate: -0.6deg; box-shadow: var(--shadow-sticker); }
.vtr-ballotlist__race--locked { background: transparent; box-shadow: none; outline: 2px dashed var(--ink-board); outline-offset: -2px; }
.vtr-ballotlist__faces { display: flex; }
.vtr-ballotlist__face { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--radius-round); background: var(--board-quiet); color: var(--ink); font-size: 13px; font-weight: 800; box-shadow: 0 0 0 2px var(--paper); }
.vtr-ballotlist__face + .vtr-ballotlist__face { margin-left: -3px; }
.vtr-ballotlist__face--locked { background: transparent; box-shadow: none; border: 2px dashed var(--ink-board); color: var(--ink-board); }
.vtr-ballotlist__text { display: flex; flex-direction: column; min-width: 0; }
.vtr-ballotlist__office { font-size: 13px; line-height: 18px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.vtr-ballotlist__names { font-size: 17px; line-height: 22px; font-weight: 800; }
.vtr-ballotlist__status { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; line-height: 18px; color: var(--ink-muted); }
.vtr-ballotlist__race--researched .vtr-ballotlist__status { color: var(--stamp); font-weight: 800; }
.vtr-ballotlist__race--locked .vtr-ballotlist__status { color: var(--ink-board); }
.vtr-ballotlist__race[aria-current="page"] .vtr-ballotlist__status { color: inherit; }

.vtr-shell { container: vtr-shell / inline-size; box-sizing: border-box; height: 100%; background: var(--board); color: var(--ink); font-family: var(--font-sans); }
.vtr-shell__frame { display: grid; height: 100%; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto; grid-template-areas: "phonebar" "main" "bottomnav"; }
.vtr-shell__topbar { grid-area: topbar; display: none; }
.vtr-shell__phonebar { grid-area: phonebar; display: flex; align-items: flex-start; justify-content: space-between; padding: var(--space-5) var(--space-4) var(--space-2); }
.vtr-shell__sidenav { grid-area: sidenav; display: none; min-height: 0; }
.vtr-shell__rail { grid-area: rail; display: none; min-height: 0; }
.vtr-shell__main { grid-area: main; min-height: 0; overflow-y: auto; padding: var(--space-4) var(--space-4) var(--space-8); }
.vtr-shell__detail { grid-area: detail; display: none; min-height: 0; overflow-y: auto; }
.vtr-shell__aside { grid-area: aside; display: none; min-height: 0; overflow-y: auto; box-sizing: border-box; background: var(--board-quiet); }
.vtr-shell__bottomnav { grid-area: bottomnav; position: relative; z-index: 2; }
.vtr-shell__column { display: flex; flex-direction: column; gap: var(--space-7); }

.vtr-shell--tablet .vtr-shell__frame { grid-template-columns: var(--rail-width) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); grid-template-areas: "rail main"; }
.vtr-shell--tablet.vtr-shell--with-detail .vtr-shell__frame { grid-template-columns: var(--rail-width) var(--list-pane-width) minmax(0, 1fr); grid-template-areas: "rail main detail"; }
.vtr-shell--tablet .vtr-shell__phonebar, .vtr-shell--tablet .vtr-shell__bottomnav, .vtr-shell--tablet .vtr-shell__topbar, .vtr-shell--tablet .vtr-shell__sidenav, .vtr-shell--tablet .vtr-shell__aside { display: none; }
.vtr-shell--tablet .vtr-shell__rail { display: block; }
.vtr-shell--tablet .vtr-shell__main { padding: var(--gutter-tablet) var(--gutter-tablet) var(--space-8); }
.vtr-shell--tablet.vtr-shell--with-detail .vtr-shell__main { background: var(--board-quiet); }
.vtr-shell--tablet .vtr-shell__detail { display: block; padding: var(--gutter-tablet) var(--gutter-tablet) var(--space-8); }
.vtr-shell--tablet .vtr-shell__column { max-width: var(--content-max); margin: 0 auto; }

.vtr-shell--desktop .vtr-shell__frame { grid-template-columns: var(--sidenav-width) minmax(0, 1fr); grid-template-rows: var(--topbar-height) minmax(0, 1fr); grid-template-areas: "topbar topbar" "sidenav main"; }
.vtr-shell--desktop.vtr-shell--with-aside .vtr-shell__frame { grid-template-columns: var(--sidenav-width) minmax(0, 1fr) var(--aside-width); grid-template-rows: var(--topbar-height) minmax(0, 1fr); grid-template-areas: "topbar topbar topbar" "sidenav main aside"; }
.vtr-shell--desktop.vtr-shell--with-detail .vtr-shell__frame { grid-template-columns: var(--sidenav-width) var(--list-pane-width) minmax(0, 1fr); grid-template-rows: var(--topbar-height) minmax(0, 1fr); grid-template-areas: "topbar topbar topbar" "sidenav main detail"; }
.vtr-shell--desktop.vtr-shell--with-detail.vtr-shell--with-aside .vtr-shell__frame { grid-template-columns: var(--sidenav-width) var(--list-pane-width) minmax(0, 1fr) var(--aside-width); grid-template-rows: var(--topbar-height) minmax(0, 1fr); grid-template-areas: "topbar topbar topbar topbar" "sidenav main detail aside"; }
.vtr-shell--desktop .vtr-shell__phonebar, .vtr-shell--desktop .vtr-shell__bottomnav, .vtr-shell--desktop .vtr-shell__rail { display: none; }
.vtr-shell--desktop .vtr-shell__topbar, .vtr-shell--desktop .vtr-shell__sidenav, .vtr-shell--desktop .vtr-shell__detail, .vtr-shell--desktop .vtr-shell__aside { display: block; }
.vtr-shell--desktop .vtr-shell__main { padding: var(--gutter-desktop) var(--gutter-desktop) var(--space-8); }
.vtr-shell--desktop .vtr-shell__detail { padding: var(--gutter-desktop) var(--gutter-desktop) var(--space-8); }
.vtr-shell--desktop .vtr-shell__aside { padding: var(--gutter-desktop) var(--space-6) var(--space-8); }
.vtr-shell--desktop .vtr-shell__column { max-width: var(--content-max); margin: 0 auto; }

@container vtr-shell (min-width: 600px) {
.vtr-shell--auto .vtr-shell__frame { grid-template-columns: var(--rail-width) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); grid-template-areas: "rail main"; }
.vtr-shell--auto.vtr-shell--with-detail .vtr-shell__frame { grid-template-columns: var(--rail-width) var(--list-pane-width) minmax(0, 1fr); grid-template-areas: "rail main detail"; }
.vtr-shell--auto .vtr-shell__phonebar, .vtr-shell--auto .vtr-shell__bottomnav, .vtr-shell--auto .vtr-shell__topbar, .vtr-shell--auto .vtr-shell__sidenav, .vtr-shell--auto .vtr-shell__aside { display: none; }
.vtr-shell--auto .vtr-shell__rail { display: block; }
.vtr-shell--auto .vtr-shell__main { padding: var(--gutter-tablet) var(--gutter-tablet) var(--space-8); }
.vtr-shell--auto.vtr-shell--with-detail .vtr-shell__main { background: var(--board-quiet); }
.vtr-shell--auto .vtr-shell__detail { display: block; padding: var(--gutter-tablet) var(--gutter-tablet) var(--space-8); }
.vtr-shell--auto .vtr-shell__column { max-width: var(--content-max); margin: 0 auto; }
}

@container vtr-shell (min-width: 1280px) {
.vtr-shell--auto .vtr-shell__frame { grid-template-columns: var(--sidenav-width) minmax(0, 1fr); grid-template-rows: var(--topbar-height) minmax(0, 1fr); grid-template-areas: "topbar topbar" "sidenav main"; }
.vtr-shell--auto.vtr-shell--with-aside .vtr-shell__frame { grid-template-columns: var(--sidenav-width) minmax(0, 1fr) var(--aside-width); grid-template-rows: var(--topbar-height) minmax(0, 1fr); grid-template-areas: "topbar topbar topbar" "sidenav main aside"; }
.vtr-shell--auto.vtr-shell--with-detail .vtr-shell__frame { grid-template-columns: var(--sidenav-width) var(--list-pane-width) minmax(0, 1fr); grid-template-rows: var(--topbar-height) minmax(0, 1fr); grid-template-areas: "topbar topbar topbar" "sidenav main detail"; }
.vtr-shell--auto.vtr-shell--with-detail.vtr-shell--with-aside .vtr-shell__frame { grid-template-columns: var(--sidenav-width) var(--list-pane-width) minmax(0, 1fr) var(--aside-width); grid-template-rows: var(--topbar-height) minmax(0, 1fr); grid-template-areas: "topbar topbar topbar topbar" "sidenav main detail aside"; }
.vtr-shell--auto .vtr-shell__phonebar, .vtr-shell--auto .vtr-shell__bottomnav, .vtr-shell--auto .vtr-shell__rail { display: none; }
.vtr-shell--auto .vtr-shell__topbar, .vtr-shell--auto .vtr-shell__sidenav, .vtr-shell--auto .vtr-shell__detail, .vtr-shell--auto .vtr-shell__aside { display: block; }
.vtr-shell--auto .vtr-shell__main { padding: var(--gutter-desktop) var(--gutter-desktop) var(--space-8); }
.vtr-shell--auto .vtr-shell__detail { padding: var(--gutter-desktop) var(--gutter-desktop) var(--space-8); }
.vtr-shell--auto .vtr-shell__aside { padding: var(--gutter-desktop) var(--space-6) var(--space-8); }
.vtr-shell--auto .vtr-shell__column { max-width: var(--content-max); margin: 0 auto; }
}