/* Floor feeds: bills, rules, tax and money. Uses the theme's color variables.
   Vote colors are navy (yes), brass (no) and a muted tone (not sure): never red vs blue,
   and green/red stay reserved for owns/owes data. */

/* feed tabs */
.floor-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:4px 0 14px;padding:2px 0}
.floor-tabs::-webkit-scrollbar{display:none}
.floor-tabs a{flex:none;text-decoration:none;font-weight:700;font-size:15px;color:var(--ink);padding:8px 16px;border-radius:999px;border:1.5px solid var(--hair);background:transparent;white-space:nowrap}
.floor-tabs a:hover{border-color:var(--navy)}
.floor-tabs a.on{background:var(--navy);border-color:var(--navy);color:var(--paper)}
html.skin-h[data-theme="dark"] .floor-tabs a.on{color:#17120D}

.ft-items{max-width:760px}
.ft-lede{color:var(--muted);font-size:15px;margin:0 0 14px;max-width:62ch}
.ft-sub{margin:26px 0 8px;font-size:26px}

/* today's question */
.daily{margin:0 0 16px;max-width:760px}
.daily-card{background:var(--navy);color:var(--paper);border-radius:24px;padding:16px 18px;box-shadow:var(--pop)}
html.skin-h[data-theme="dark"] .daily-card{background:#2B2218;color:var(--ink);box-shadow:0 0 0 1px var(--brass)}
.daily-top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:baseline}
.daily-k{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}
.daily-same{font-size:12.5px;opacity:.8}
.daily-h{margin:6px 0 4px;font-size:21px !important;line-height:1.2;color:inherit !important}
.daily-q{margin:0 0 8px;font-weight:600}
.daily-card .it-q{display:none}
.daily-card .it-mine,.daily-card .it-closed{color:inherit;opacity:.85}
.daily-card .linkbtn{color:inherit}
.daily-card .it-btn{border-color:rgba(255,255,255,.45);color:inherit}
.daily-card .it-btn[aria-pressed="true"]{background:var(--brass);border-color:var(--brass);color:#1E2F4F}
.daily-card .btn.ghost{color:inherit;border-color:rgba(255,255,255,.5)}
html.skin-h:not([data-theme="dark"]) .daily-card .btn:not(.ghost){background:var(--brass);color:#1E2F4F}
.daily-done{margin:4px 0 8px;font-size:14.5px;opacity:.9}
.daily-progress{margin:8px 2px 0;font-size:14px;color:var(--muted)}

/* item cards */
.it-card,.mn-card{background:var(--surface);border-radius:22px;padding:16px 18px;margin:0 0 14px;box-shadow:var(--pop);display:flex;flex-direction:column;gap:8px}
.it-top{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.it-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.it-stage,.it-area{font-size:12.5px;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--cash-soft);color:var(--navy)}
.it-area{background:var(--coin-soft);color:var(--brass-ink)}
.it-stage.it-st-law{background:var(--navy);color:var(--paper)}
html.skin-h[data-theme="dark"] .it-stage.it-st-law{color:#17120D}
.it-stage.it-soon{background:var(--brass);color:#1E2F4F}
.it-title{margin:0;font-size:19px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.it-full .it-title{font-size:23px}
/* official (long) bill titles: a little smaller so a long one stays readable; the short title sits under it, labeled */
.it-title.it-title-long{font-size:17px;font-weight:600}
.it-full .it-title.it-title-long{font-size:19px}
.it-short{margin:0;font-size:14.5px;color:var(--muted)}
.it-short b{color:var(--ink);font-weight:700}
.it-agency{margin:0;font-size:14px;font-weight:600;color:var(--muted)}
.it-sum{margin:0;font-size:15.5px;line-height:1.5;white-space:pre-line}
.it-attr{margin:0;font-size:13px;color:var(--muted)}
.it-more{font-size:14px;margin-top:2px}
.it-facts{margin:0;padding:0;list-style:none;font-size:14.5px;display:flex;flex-direction:column;gap:4px}
.it-facts li{line-height:1.4}
.it-facts b{font-weight:700;margin-right:2px}
.it-facts a,.it-src a,.it-next a,.it-method a{color:var(--navy)}
.it-links{display:flex;gap:8px;flex-wrap:wrap}
.it-src{margin:2px 0 0;font-size:12.5px;color:var(--muted)}
.it-next{border-left:3px solid var(--brass);padding:6px 0 6px 12px;font-size:14.5px}
.it-next p{margin:4px 0 0}
.it-next .it-bb{font-weight:600}

/* voting */
.it-vote{border-top:1px solid var(--hair);padding-top:10px;margin-top:2px}
.daily-card .it-vote{border-top:0;padding-top:0}
.it-q{margin:0 0 8px;font-weight:700;font-size:16px}
.it-btns{display:flex;gap:8px;flex-wrap:wrap}
.it-btn{min-height:44px;min-width:92px;padding:8px 18px;border-radius:999px;border:1.5px solid var(--hair);background:transparent;color:var(--ink);font:700 15px/1 var(--serif);cursor:pointer}
.it-btn:hover{border-color:var(--navy)}
.it-btn-yes[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--paper)}
.it-btn-no[aria-pressed="true"]{background:var(--brass);border-color:var(--brass);color:#1E2F4F}
.it-btn-unsure[aria-pressed="true"]{background:var(--muted);border-color:var(--muted);color:var(--paper)}
html.skin-h[data-theme="dark"] .it-btn-yes[aria-pressed="true"],html.skin-h[data-theme="dark"] .it-btn-unsure[aria-pressed="true"]{color:#17120D}
.it-mine,.it-closed,.it-hint{margin:8px 0 0;font-size:13.5px;color:var(--muted)}
.it-status{margin:6px 0 0;font-size:13.5px;font-weight:600;color:var(--red)}
.it-status:empty{display:none}
.take-done{color:var(--navy)}

/* results */
.it-results{background:var(--paper);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.it-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--rule)}
.it-seg.it-yes{background:var(--navy)} .it-seg.it-no{background:var(--brass)} .it-seg.it-unsure{background:var(--hair)}
.it-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:14px;font-weight:600}
.it-key{display:inline-flex;align-items:center;gap:6px}
.it-key i{width:10px;height:10px;border-radius:3px;display:inline-block}
.it-k-yes i{background:var(--navy)} .it-k-no i{background:var(--brass)} .it-k-unsure i{background:var(--hair)}
.it-range,.it-few,.it-fast,.it-method{margin:0;font-size:13.5px;color:var(--muted)}
.it-fast{color:var(--red);font-weight:600}
.it-counts{margin:0;padding:0;list-style:none;font-size:13.5px;display:flex;flex-wrap:wrap;gap:2px 16px}
.it-counts b{font-weight:700}

/* owner review */
.it-review{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px dashed var(--hair);padding-top:10px}
.it-rv-pill{font-size:12.5px;font-weight:800;border-radius:999px;padding:4px 10px;background:var(--coin-soft);color:var(--brass-ink)}
.it-rv-approved{background:var(--cash-soft);color:var(--navy)}
.it-rv-hidden{background:var(--rule);color:var(--muted)}
.it-rv-note{font-size:13px;color:var(--muted)}
.rv-head{background:var(--coin-soft);border-radius:18px;padding:12px 14px;margin:0 0 14px}
.rv-note{margin:0 0 8px;font-size:14px}

/* takes */
.takes{margin-top:18px;max-width:760px}
.take-form textarea{width:100%;box-sizing:border-box;font:inherit;padding:10px 12px}
.take-vote{flex:none;font-size:12.5px;font-weight:800;border-radius:999px;padding:3px 10px;background:var(--cash-soft);color:var(--navy)}
.take-no{background:var(--coin-soft);color:var(--brass-ink)} .take-unsure{background:var(--rule);color:var(--muted)}

/* money rows */
.mn-rows{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.mn-rows li{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(40px,1fr) auto auto;gap:4px 10px;align-items:center;font-size:14px}
.mn-name{line-height:1.25}
.mn-bar{height:8px;background:var(--rule);border-radius:999px;overflow:hidden}
.mn-bar i{display:block;height:100%;background:var(--navy);border-radius:999px}
.mn-rows li.neg .mn-bar i{background:var(--hair)}
.mn-amt{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.mn-per{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;min-width:52px;text-align:right}
@media (max-width:520px){ .mn-rows li{grid-template-columns:minmax(0,1fr) auto auto} .mn-bar{grid-column:1/-1;order:3} .mn-per{min-width:46px} }
.mn-pick{max-width:280px;margin:0 0 6px}
.mn-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.mn-table th,.mn-table td{text-align:left;padding:5px 6px;border-bottom:1px solid var(--rule)}
.mn-table th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}