/* votes page only — the shared look lives in style.css */
/* ---- votes page only ---- */
  .vote { width: 100%; text-align: start; font: inherit; color: inherit; background: none;
    border: 0; border-bottom: 1px solid var(--grid); padding: 15px 8px; cursor: pointer; display: block; }
  .vote:hover { background: color-mix(in srgb, var(--series-1) 6%, transparent); }
  .vote:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: -2px; }
  .vote .vtitle { font-size: 15px; line-height: 1.45; }
  .vmeta { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center;
    font-size: 12.5px; color: var(--ink-3); margin-top: 7px; }
  .vote.sel .vtitle { font-weight: 600; }
  .kidsbox { border-inline-start: 2px solid var(--grid); margin: 2px 10px 12px;
    padding: 8px 14px; font-size: 13.5px; }
  .billsel { background: var(--page); color: var(--ink-1); border: 1px solid var(--border);
    border-radius: 8px; padding: 4px 8px; font-size: 13px; font-weight: 400; }
  .billsel:disabled { opacity: 0.45; cursor: not-allowed; }
  .subtabs { display: flex; gap: 8px; margin: 0 0 14px; }
  .subtabs button { border: 1px solid var(--border); background: var(--surface-1); color: var(--ink-2);
    border-radius: 10px 10px 0 0; border-bottom: 2px solid transparent;
    padding: 9px 22px; font-size: 15px; cursor: pointer; font-weight: 500; }
  .subtabs button.on { color: var(--accent-ink); border-bottom-color: var(--series-1); font-weight: 700; }
  .subtabs button:not(.on):hover { color: var(--accent-ink); }
  .filterrow { display: flex; align-items: center; gap: 8px; margin: -4px 0 12px;
    font-size: 13px; color: var(--ink-2); }
  .pager { display: flex; align-items: center; justify-content: center; gap: 12px;
    padding: 14px 0 2px; font-size: 13px; color: var(--ink-3); }

  .advtoggle { border: 0; background: none; color: var(--accent-ink); cursor: pointer;
    font-size: 13px; padding: 0; margin-inline-start: auto; }
  .advpanel { border: 1px solid var(--border); border-radius: 10px;
    padding: 14px 16px; margin: 0 0 14px; background: var(--page); }
  .advgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px 14px; }
  .advgrid label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--ink-2); }
  .advgrid input, .advgrid select { background: var(--surface-1); color: var(--ink-1);
    border: 1px solid var(--border); border-radius: 8px; padding: 7px 10px; font-size: 14px; }
  .advpanel .searchrow { margin-bottom: 0; }

  /* autocomplete dropdown */
  .advgrid label { position: relative; }
  .aclist { display: none; position: absolute; top: 100%; inset-inline-start: 0; z-index: 25;
    min-width: 100%; max-height: 230px; overflow: auto;
    background: var(--surface-1); border: 1px solid var(--border); border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.15); }
  .aclist button { display: block; width: 100%; text-align: start; padding: 8px 12px;
    border: 0; background: none; color: var(--ink-1); cursor: pointer; font-size: 13.5px; }
  .aclist button:hover { background: color-mix(in srgb, var(--series-1) 10%, transparent); }
  .chip { display: inline-flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; }
  .dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
  .dot.for { background: var(--for); } .dot.against { background: var(--against); } .dot.abstain { background: var(--abstain); }
  .passed { font-weight: 600; }
  .passed.yes { color: var(--for-ink); } .passed.no { color: var(--against-ink); }

  .drill .sub { color: var(--ink-2); font-size: 13.5px; margin-bottom: 14px; line-height: 2; }
  .drill h3 { line-height: 1.4; }
  .bucket { margin: 18px 0 6px; padding-top: 12px; border-top: 1px solid var(--grid); }
  .bucket h4 { font-size: 14.5px; margin: 0 0 10px; display: flex; align-items: center; gap: 8px; }
  .bucket h4 .n { color: var(--ink-2); font-weight: 500; }
  .faction { margin: 8px 0; font-size: 13.5px; line-height: 1.6; }
  .faction b { font-weight: 600; }
  .faction span.names { color: var(--ink-2); }
  .votechip { margin: 0 0 5px; }

  .vr { font-weight: 600; }
  .vr.r1 { color: var(--for-ink); } .vr.r2 { color: var(--against-ink); } .vr.r3, .vr.r4 { color: var(--ink-3); }

  .vote.sel { background: color-mix(in srgb, var(--series-1) 7%, transparent); border-radius: 6px; }
  .resnote { color: var(--ink-3); }
  .sub { color: var(--ink-2); font-size: 13.5px; }

  /* an MK's name is a door to their portfolio */
  .mklink { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--baseline); }
  .mklink:hover { color: var(--accent-ink); border-bottom-color: var(--accent-ink); }