.club {
  --club-ink:#556270; --club-bg:#edf0f3; --club-line:#d4dce3;
  display:inline-flex; align-items:center; gap:6px; max-width:100%;
  border:1px solid var(--club-line); border-radius:6px;
  padding:3px 7px; margin:6px 0; font-size:11px; line-height:1.4;
  font-weight:600; color:var(--club-ink); background:var(--club-bg);
  text-align:left; white-space:normal;
}
.vote-source-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:13px;white-space:normal;min-width:135px}
.intro .vote-source-links{flex-direction:row;flex-wrap:wrap;gap:12px 24px;margin-top:20px}
.club i{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--club-ink)}
.club-teal{--club-ink:#216c67;--club-bg:#eaf5f2;--club-line:#c5e3db}
.club-blue{--club-ink:#315c88;--club-bg:#edf3fb;--club-line:#d0dff1}
.club-amber{--club-ink:#85581c;--club-bg:#fbf3e5;--club-line:#ebd9b8}
.club-violet{--club-ink:#68498b;--club-bg:#f3edf9;--club-line:#dfd0ed}
.club-green{--club-ink:#3e704a;--club-bg:#eef5ea;--club-line:#d0e1c7}
.club-olive{--club-ink:#676428;--club-bg:#f6f5e9;--club-line:#e4e1be}
.club-rose{--club-ink:#884f69;--club-bg:#f9eef3;--club-line:#ebd2dd}
.profile-club{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:5px 0}
.dashboard-intro{max-width:890px}.dashboard-intro h1{font-size:42px}
.home-search{background:white;padding:20px 24px;border:1px solid var(--line);border-radius:12px;margin:26px 0}
.home-search label{flex:1;max-width:550px}.home-search>a{padding:10px 0;font-size:13px}
.home-search-field{position:relative;flex:1;min-width:200px;max-width:550px}
.home-search-field>input{width:100%;margin-top:6px}
.home-search-popup{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 30px #142b4026;overflow:hidden}
.home-search-message{padding:11px 14px;font-size:12px;color:var(--muted)}
.person-suggestions{list-style:none;padding:0;margin:0;max-height:340px;max-height:min(340px,45vh);overflow-y:auto;overscroll-behavior:contain}
.person-suggestions a{display:block;padding:10px 14px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);overflow-wrap:anywhere}
.person-suggestions a:hover,.person-suggestions [aria-selected=true]{background:#edf6f4;box-shadow:inset 3px 0 #247c79}
.person-suggestions strong{display:block;font-size:14px}
.person-suggestions .club{margin:5px 0 0}
.home-search-all{display:block;padding:12px 14px;border-top:1px solid var(--line);font-size:13px}
.home-search-all[hidden]{display:none}
@media(max-width:580px){.home-search-field{flex-basis:100%;min-width:0;max-width:100%}}
.dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-cards .card{padding:22px}
.section-heading{margin:32px 0 16px}.section-heading h2{margin-bottom:6px}.section-heading p{margin:0;color:var(--muted);font-size:13px}
.leaderboards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ranking .section-top{align-items:baseline;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.ranking h2{font-size:19px;margin:0}.ranking .section-top>a{font-size:12px;white-space:nowrap}
.ranking-list{list-style:none;padding:0;margin:0}
.ranking-list li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}
.ranking-list li:last-child{border-bottom:0;padding-bottom:0}
.rank-number{font-size:12px;color:var(--muted);padding-top:3px}
.rank-person>a{font-weight:600;text-decoration:none;font-size:14px}.rank-person>a:hover{text-decoration:underline}
.rank-person .small{font-size:10px}.rank-value{text-align:right;white-space:nowrap}
.discussion-ranking .rank-person .small{font-size:12px}
.rank-value strong{display:block;font-size:20px;line-height:1.2}.rank-value small{font-size:11px;color:var(--muted)}
.compare-filters{grid-template-columns:170px minmax(0,1fr) 185px 160px}
@media(max-width:1050px){.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-filters{grid-template-columns:1fr 1fr}.compare-filters label:nth-child(2){grid-column:1/-1;grid-row:2}}
@media(max-width:850px){.leaderboards{grid-template-columns:1fr}.dashboard-intro h1{font-size:32px}}
@media(max-width:580px){.dashboard-intro h1{font-size:28px}.dashboard-cards{gap:10px}.dashboard-cards .card{padding:15px}.dashboard-cards .metric{font-size:30px}.dashboard-cards .eyebrow{font-size:10px;letter-spacing:.5px}.home-search{padding:16px}.home-search label{flex-basis:100%}.compare-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ranking-list li{grid-template-columns:18px minmax(0,1fr) auto;gap:7px}.rank-value strong{font-size:18px}.rank-person>a{font-size:13px}.club{font-size:10px}header nav{gap:18px}}
.pill.inferred_absent{background:#f7e9ec;color:#954d59}
.pill.pending{color:#677887;background:#f0f3f6}
.pill.membership_boundary{background:#f0eaf5;color:#725784}
.vote-source-links{white-space:normal}
.date-field{display:flex;flex-direction:column;gap:6px}
.date-control{display:flex;align-items:center;position:relative}
.date-control>input{padding-right:46px;width:100%;min-width:0}
.calendar-control{position:absolute;right:1px;top:1px;bottom:1px;width:40px;display:grid;place-items:center;border-left:1px solid var(--line);border-radius:0 5px 5px 0;color:var(--muted)}
.calendar-control:hover{background:#edf3f7;color:var(--ink)}
.calendar-control:focus-within{outline:2px solid #216c67;outline-offset:1px}
.calendar-control svg{width:20px;height:20px;pointer-events:none}
.calendar-control input[type=date]{position:absolute;inset:0;width:100%;height:100%;min-width:0;padding:0;border:0;opacity:0;cursor:pointer}
.calendar-control input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}
@media(max-width:580px){.date-field{width:100%}}
.portrait{position:relative;overflow:hidden;display:inline-grid}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#dcece9}
.hero .portrait{width:112px;height:168px;border-radius:15px}
.profile-facts{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:10px;font-size:13px}
.profile-facts a{overflow-wrap:anywhere}
.month.before_term,.month.after_term,.month.future{color:#7b8790}
.month.before_term b,.month.after_term b{height:4px;background:repeating-linear-gradient(135deg,#d6dde3,#d6dde3 3px,transparent 3px,transparent 6px)}
.month.future b{height:4px;background:transparent;border:1px dashed #c5ced6}
.reward-key i{background:#dde4ea}
.reward-key.before_term i,.reward-key.after_term i{background:repeating-linear-gradient(135deg,#b9c5cf,#b9c5cf 2px,transparent 2px,transparent 4px)}
.reward-key.future i{background:transparent;border:1px dashed #aab7c1}
.reward-key.conflict i{background:#deb879}
.reward-row.before_term,.reward-row.after_term,.reward-row.future{color:#778592;background:#fafbfc}
.reward-legend{margin-bottom:16px}
.month.unknown_amount b{height:4px;background:#dde4ea}
.term-reward-panel{margin-bottom:20px}.term-reward-panel h3{margin-top:22px}.term-reward-card .metric{overflow-wrap:anywhere}

.person-picker{min-width:0;max-width:none;width:100%}.person-picker>input{margin:0;padding-right:36px}.person-picker-clear{position:absolute;right:5px;top:4px;width:30px;height:34px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:23px;line-height:1}.person-picker-clear[hidden]{display:none}.person-picker .person-suggestions button{display:block;width:100%;padding:10px 14px;border:0;border-top:1px solid var(--line);border-radius:0;background:white;color:var(--ink);text-align:left;overflow-wrap:anywhere;font-size:14px}.person-picker .person-suggestions button:hover,.person-picker .person-suggestions [aria-selected=true]{background:#edf6f4;box-shadow:inset 3px 0 #247c79}
