/* Online voting guide, 8 October 2026 */
.vote-guide .section-heading { scroll-margin-top: 1rem; }
.vg-clock { margin-top: var(--space-sm); font-size: var(--text-sm); line-height: 1.5; }
.vg-guide { display: grid; gap: var(--space-xl); min-width: 0; }
.vg-guide > .vg-open-only { display: grid; gap: var(--space-xl); }
html[data-voting="closed"] .vg-open-only { display: none !important; }
.vg-closed { font-size: var(--text-large); line-height: 1.4; }
.vg-box { padding: var(--space-md); border: 1px solid var(--color-rule); background: var(--color-paper-2); }
.vg-box h3, .vg-steps h3 { font-family: var(--font-display); font-weight: 700; font-size: clamp(1.75rem, 6vw, 2.25rem); line-height: 1.05; }
.vg-box ul { margin: var(--space-sm) 0 0; padding-left: 1.1rem; display: grid; gap: var(--space-xs); }
.vg-box li, .vg-box p, .vg-steps p { font-size: 1.125rem; line-height: 1.55; }
.vg-videos { margin-top: var(--space-sm); font-weight: 600; }
.vg-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-xl); }
.vg-steps > li { border-top: 5px solid var(--color-accent); padding-top: var(--space-md); }
.vg-n { font-family: var(--font-display); font-weight: 700; font-size: 1.25rem; letter-spacing: .06em; text-transform: uppercase; color: var(--color-muted); }
.vg-steps h3 { margin: .25rem 0 var(--space-sm); }
.vg-steps b, .vg-box strong { font-weight: 600; }
.vg-steps figure { margin: var(--space-md) 0 0; max-width: 300px; }
.vg-steps img { display: block; width: 100%; height: auto; border: 1px solid var(--color-rule); }
.vg-steps figcaption { margin-top: .4rem; font-size: var(--text-sm); color: var(--color-muted); }
.vote-guide a { overflow-wrap: anywhere; }
@media (min-width: 64rem) and (max-width: 80rem) { .direction-civic .desktop-nav { gap: var(--space-md); } }
.vg-sub { margin: var(--space-sm) 0 0; padding-left: 1.4rem; display: grid; gap: .6rem; }
.vg-sub li { font-size: 1.125rem; line-height: 1.5; padding-left: .2rem; }
.vg-sub li::marker { font-weight: 600; }
.vg-steps > li > p:not(.vg-n) { margin-bottom: var(--space-xs); }