/* CivicBallot: self-contained responsive, keyboard-accessible frontend styles. */
.cbv { --cbv-blue:#155d9b;--cbv-dark:#17324d;--cbv-border:#d9e2ec;--cbv-muted:#5b6672;color:#23364a;font:inherit;line-height:1.5;max-width:1200px;margin:1.2rem auto;box-sizing:border-box }
.cbv * { box-sizing:border-box }
.cbv h2,.cbv h3,.cbv h4 { color:var(--cbv-dark);line-height:1.3;margin:1.3rem 0 .7rem }
.cbv a { color:var(--cbv-blue);text-decoration:underline;text-underline-offset:2px }
.cbv a:focus-visible,.cbv button:focus-visible,.cbv input:focus-visible,.cbv select:focus-visible,.cbv textarea:focus-visible { outline:3px solid #ed9c32;outline-offset:3px }
.cbv-panel { border:1px solid var(--cbv-border);background:#fff;border-radius:15px;padding:1.3rem;margin:1rem 0;box-shadow:0 2px 7px rgba(18,34,52,.035) }
.cbv-narrow { max-width:550px;margin:1rem auto }
.cbv form { display:flex;flex-direction:column;gap:1rem }
.cbv label { display:flex;flex-direction:column;gap:.3rem;font-size:.96rem;font-weight:600 }
.cbv input:not([type=checkbox]):not([type=radio]),.cbv select,.cbv textarea { min-width:0;width:100%;font:inherit;color:#243748;background:#fff;border:1px solid #8b98a8;border-radius:8px;padding:.65rem .7rem }
.cbv textarea { resize:vertical }
.cbv button,.cbv-btn { appearance:none;border:1px solid var(--cbv-blue);border-radius:8px;background:var(--cbv-blue);color:white!important;padding:.7rem 1.1rem;cursor:pointer;font:inherit;font-weight:700;min-height:42px;text-align:center;text-decoration:none!important;display:inline-block;align-self:flex-start }
.cbv button:hover,.cbv-btn:hover { background:#0e4676 }
.cbv button.cbv-secondary { background:#fff;color:var(--cbv-blue)!important;border-color:#7594ab }
.cbv button.cbv-secondary:hover { background:#edf5fb }
.cbv .cbv-linkbtn { padding:.45rem .8rem }
.cbv .cbv-check { display:flex;flex-direction:row;align-items:flex-start;gap:.65rem;font-weight:500 }
.cbv .cbv-check input { margin:.35rem 0 0;flex-shrink:0 }
.cbv-nav,.cbv-tabs {display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.1rem;border-bottom:1px solid var(--cbv-border);padding:.8rem 0;margin-bottom:1.5rem}
.cbv-tabs a { display:inline-block;padding:.4rem .7rem;border-radius:7px;text-decoration:none }
.cbv-tabs a[aria-current=page] { background:#e8f4ff;font-weight:700 }
.cbv-grid,.cbv-grid-two,.cbv-option-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem }
.cbv-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:1rem 0 }
.cbv-metric { background:#f0f6fc;border:1px solid #dae7f3;border-radius:10px;padding:1rem;min-width:0 }
.cbv-metric strong { font-size:1.75rem;display:block;line-height:1.2;color:var(--cbv-dark);overflow-wrap:anywhere }
.cbv-metric span { display:block;font-size:.9rem;color:#495767;margin-top:.4rem }
.cbv-muted { color:var(--cbv-muted);font-size:.9rem }
.cbv-pill { display:inline-flex;align-items:center;background:#ecf4fb;color:#173d59;border:1px solid #c8ddeb;border-radius:20px;font-size:.8rem;font-weight:700;padding:.2rem .6rem }
.cbv-alert { padding:.8rem 1rem;border-radius:7px;background:#fff6e3;border:1px solid #e7c671;margin:1rem 0 }
.cbv-alert.cbv-success { background:#edf9f1;border-color:#9bd0a4 }
.cbv-alert.cbv-error { background:#fff0f0;border-color:#d9a1a1 }
.cbv-listitem {display:flex;justify-content:space-between;align-items:center;gap:1.2rem;background:#fff;border:1px solid var(--cbv-border);padding:1rem 1.2rem;margin:.55rem 0;border-radius:10px}
.cbv fieldset {border:1px solid var(--cbv-border);border-radius:9px;padding:1rem;margin:0}
.cbv legend {font-weight:700;padding:0 .4rem}
.cbv-choice {display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;background:#fff;border:1px solid #aab8c6;border-radius:12px;padding:1rem;cursor:pointer;min-width:0}
.cbv-choice:has(input:checked) { background:#eef7ff;border:2px solid var(--cbv-blue);padding:calc(1rem - 1px) }
.cbv-choice input[type=radio],.cbv-choice input[type=checkbox] {height:18px;width:18px;accent-color:var(--cbv-blue)}
.cbv-choice-img {display:block;width:100%;height:auto;max-height:230px;object-fit:cover;border-radius:8px}
.cbv-choice small {color:#495a6a;font-weight:400}
.cbv-bar-row { margin:1.2rem 0 }
.cbv-bar-label { display:flex;justify-content:space-between;gap:.6rem;margin-bottom:.4rem }
.cbv-bar { height:16px;background:#e6edf4;border-radius:15px;overflow:hidden }
.cbv-bar span {height:100%;background:#1b75b9;border-radius:15px;display:block}
.cbv-tablewrap {overflow:auto;width:100%;border:1px solid var(--cbv-border);border-radius:10px;margin:1rem 0 }
.cbv table {width:100%;border-collapse:collapse;background:white;min-width:540px;margin:0}
.cbv th,.cbv td {text-align:left;padding:.75rem;vertical-align:top;border-bottom:1px solid var(--cbv-border);font-size:.9rem}
.cbv th {background:#f2f6fa;color:#17324d;font-weight:700}
.cbv .cbv-actions {display:flex;flex-wrap:wrap;gap:.5rem}
.cbv .cbv-option-editor {border:1px solid #c6d3df;background:#fafbfd;border-radius:10px;padding:1rem;margin:1rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.cbv .cbv-option-editor button { grid-column:1/-1 }
.cbv .cbv-checkbox-list {display:flex;flex-wrap:wrap;gap:.6rem 1rem}
.cbv-rank-list {padding:0 0 0 1.5rem;max-width:650px}
.cbv-rank-list li {padding:.6rem .2rem;border-bottom:1px solid var(--cbv-border);display:list-item}
.cbv-rank-buttons {float:right;display:flex;gap:.25rem}
.cbv-rank-buttons button {padding:.15rem .45rem;min-height:30px;border-radius:5px}
.cbv .cbv-description {max-width:850px;overflow-wrap:anywhere}
@media(max-width:720px) {.cbv-grid,.cbv-grid-two,.cbv-option-grid,.cbv .cbv-option-editor{grid-template-columns:1fr}.cbv-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cbv-listitem{align-items:flex-start;flex-direction:column}.cbv {padding:0 .35rem}}
@media(prefers-reduced-motion:reduce) { .cbv * { animation:none!important;scroll-behavior:auto!important } }