/* /seats — the open-seat board. Layered on theme.css + styles.css. */
.wrap-wide{max-width:var(--maxw-wide,1040px)}

.seat-find{margin:26px 0 8px}
.seat-find__form{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;max-width:560px}
.seat-find__form input{flex:1;min-width:200px}
.seat-result{margin-top:14px;font-size:14px;color:var(--ink-2);min-height:1.2em}
.seat-result.is-warn{color:var(--secondary-strong,var(--secondary-strong))}
.sr-card{border:2px solid var(--ink);border-radius:var(--r);background:var(--surface);padding:18px 20px;max-width:480px;box-shadow:var(--shadow-pop-sm)}
.sr-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sr-code{font-family:var(--font-display);font-weight:700;font-size:18px}
.sr-who{margin:8px 0 0;color:var(--ink-2);font-size:14px}
.sr-msg{margin:8px 0 14px;color:var(--ink);font-size:15px;line-height:1.45}
.seat-pill{font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;border-radius:var(--r-pill);padding:3px 10px;white-space:nowrap}
.seat-pill.is-nocand{background:var(--seat-nocand-soft);color:var(--secondary-strong)}
.seat-pill.is-unopposed{background:var(--accent-tint);color:var(--accent)}
.seat-pill.is-contested,.seat-pill.is-unknown{background:var(--surface-sunken);color:var(--muted)}

.board-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:34px 0 6px}
.board-head .eyebrow{margin:0}
.board-filter{display:flex;gap:8px;flex-wrap:wrap}
.chipbtn{font-size:13px;font-weight:600;border:1.5px solid var(--border);background:var(--surface);color:var(--ink-2);border-radius:var(--r-pill);padding:6px 14px;cursor:pointer}
.chipbtn.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chipbtn:focus-visible{outline:var(--focus-ring);outline-offset:2px}

.ward{margin-top:22px}
.ward__h{font-size:15px;font-family:var(--font-display);font-weight:600;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.ward__n{font-size:12px;font-weight:700;color:var(--muted);background:var(--surface-sunken);border-radius:var(--r-pill);padding:1px 9px}
.ward__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.seat-chip{display:flex;flex-direction:column;gap:1px;text-decoration:none;border:1.5px solid var(--border);
  border-radius:var(--r-sm);padding:8px 10px;background:var(--surface);transition:transform .12s ease,border-color .12s ease}
.seat-chip b{font-size:14px;color:var(--ink)}
.seat-chip span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.seat-chip:hover{border-color:var(--ink);transform:translateY(-1px)}
.seat-chip:focus-visible{outline:var(--focus-ring);outline-offset:2px}
.seat-chip.is-nocand{border-color:var(--seat-nocand)}
.seat-chip.is-nocand b{color:var(--secondary-strong)}
.seat-chip.is-unopposed{border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){.seat-chip{transition:none}.seat-chip:hover{transform:none}}

/* 345 seat pages (SMD_PAGES_SPEC) */
/* Q109 layout fix — the seat page reads as a centered reading column (was flush-left in a 1040px .lwrap with
   the right half empty because .seat-page zeroed the horizontal padding); padding-block keeps the .lwrap
   --gutter for the horizontal edges, and one token vertical scale evens the rhythm. */
.seat-page{max-width:760px;margin-inline:auto;padding-block:var(--space-6) var(--space-10)}
.seat-page > h1.display{margin:var(--space-3) 0 var(--space-4)}
.seat-sub{font-weight:600;color:var(--ink-2);font-size:.6em}
.seat-grid{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start;margin:var(--space-6) 0}
@media (max-width:640px){.seat-grid{grid-template-columns:1fr}}
.seat-map{width:100%;max-width:320px;height:auto;display:block}
.seat-map svg{width:100%;height:auto}
.seat-status b{font-size:20px;font-family:var(--font-display)}
.seat-com{color:var(--ink-2);margin:6px 0 12px;max-width:52ch}
.seat-stats{list-style:none;padding:0;margin:0 0 12px;display:flex;gap:18px;flex-wrap:wrap}
.seat-stats b{font-size:22px;font-family:var(--font-display);color:var(--accent)}
.seat-dates{font-size:14px;color:var(--ink-2);max-width:52ch}
.seat-winctx{font-size:14px;color:var(--ink-2);margin:12px 0 0;max-width:52ch}
.seat-doors{display:flex;gap:12px;flex-wrap:wrap;margin:var(--space-6) 0}
.seat-share-row{margin:var(--space-5) 0 0}
.seat-verified{font-size:13px;color:var(--ink-2);margin-top:var(--space-6)}

/* Ward cohort counter (WARD_POND §A1) — consented, k-anon */
.ward-cohort{font-size:13px;color:var(--accent);font-weight:600;margin:2px 0 8px}