/* /vote/ page (2026-11-01 DRAFT); uses the site palette from site.css */
.vote-intro{max-width:760px}
.vote-status{border-left:3px solid var(--brass);background:#F6EFE0;padding:10px 14px;border-radius:0 6px 6px 0;margin:0 0 18px;color:var(--text)}
.vote-status.warn{border-color:var(--ox)}
.vote-status.off{border-color:var(--muted);color:var(--muted)}
.vote-group{margin:0 0 34px}
.vote-group>p{margin:-.3em 0 1em;color:var(--muted)}
.vote-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.vote-card{display:flex;flex-direction:column;background:#F6EFE0;border:1px solid var(--parch2);border-radius:var(--r);overflow:hidden}
.vote-card .vote-img img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--parch2)}
.vote-credits{margin:28px 0 8px}
.vote-credits h2{font-size:1.1rem}
.vote-credits ul{padding-left:1.2em}
.vote-credits li{margin-bottom:.4em;overflow-wrap:anywhere}
.vote-body{padding:14px 16px 4px;flex:1}
.vote-body h3{margin:0 0 .3em}
.vote-body p{margin:0;color:var(--muted);font-size:.95rem}
.vote-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 16px}
.vote-btn{font:inherit;cursor:pointer;min-height:44px;padding:10px 20px}
.vote-btn[aria-pressed=true]{background:var(--verd);border-color:var(--verd)}
.vote-btn:disabled{cursor:default}
.vote-btn:disabled:not([aria-pressed=true]){background:#B9AE98;border-color:#B9AE98;color:#fff}
.vote-count{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.vote-rank{padding-left:1.6em;margin:0}
.vote-rank li{margin:0 0 10px}
.rank-name{font-weight:600}
.rank-num{float:right;color:var(--muted);font-variant-numeric:tabular-nums}
.rank-bar{display:block;height:6px;background:var(--parch2);border-radius:3px;margin-top:4px;overflow:hidden}
.rank-bar span{display:block;height:100%;background:var(--brass)}
.vote-side{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.vote-panel{background:#F6EFE0;border:1px solid var(--parch2);border-radius:var(--r);padding:20px}
.suggest-form label{display:block;font-weight:600;margin-bottom:6px}
.suggest-form textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid #B9AE98;border-radius:6px;background:#fff;color:var(--text);resize:vertical;min-height:72px}
.suggest-form .row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.suggest-form button{font:inherit;cursor:pointer;min-height:44px}
.suggest-form button:disabled{background:#B9AE98;border-color:#B9AE98;cursor:default}
#suggest-msg{min-height:1.4em;margin:.6em 0 0}
#ts-box{margin:0 0 12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:760px){.vote-side{grid-template-columns:1fr}}
@media (max-width:560px){.vote-list{grid-template-columns:1fr}}