:root{--ink:#17251f;--muted:#68736d;--paper:#f4f0e6;--card:#fffdf8;--line:#ddd5c5;--red:#a44332;--green:#285b49;--gold:#c28a2c;--navy:#243c53}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 8% 8%,#efe2c9 0,transparent 30%),linear-gradient(135deg,#f7f3e9,#eef1ea);font-family:"Microsoft YaHei",sans-serif}.hero{padding:32px max(20px,calc((100vw - 1460px)/2));background:linear-gradient(115deg,#16392e,#2e5e4e 58%,#8b6231);color:#fff;display:flex;justify-content:space-between;gap:20px}.hero h1{font-family:"STKaiti","KaiTi",serif;font-size:38px;margin:5px 0}.hero p{margin:0;opacity:.86}.eyebrow{letter-spacing:.18em;font-size:12px}.hero nav{display:flex;gap:9px;align-items:flex-start}.hero a{color:#fff;text-decoration:none;border:1px solid #ffffff66;border-radius:8px;padding:9px 12px}main{max-width:1460px;margin:auto;padding:20px}.notice,.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px #34301f0d}.notice{padding:13px 16px;border-left:5px solid var(--gold);line-height:1.7}.card{margin-top:16px;padding:18px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-head span,.section-head small{color:var(--muted);font-size:12px}.section-head h2{margin:3px 0 0;font-size:21px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.metric{padding:14px;background:#203d32;color:#fff;border-radius:12px}.metric span{font-size:12px;opacity:.7}.metric b{display:block;font-size:24px;margin-top:6px}.zodiac-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.zodiac-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px;text-align:left;cursor:pointer;color:var(--ink)}.zodiac-card:hover,.zodiac-card.active{border-color:var(--red);transform:translateY(-2px)}.zodiac-card .rank{color:var(--muted);font-size:11px}.zodiac-card strong{display:block;font-size:27px;margin:4px 0}.score{color:var(--red);font-weight:800}.badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.badge{border-radius:999px;padding:3px 7px;background:#eee9df;font-size:11px}.badge.formal{background:#dcebe3;color:#24513f}.badge.observe{background:#fff0cd;color:#805b15}.detail.empty{text-align:center;color:var(--muted);padding:35px}.detail-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.detail-head h2{margin:0;font-size:28px}.evidence-row{padding:12px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:10px}.evidence-row:first-of-type{margin-top:12px}.evidence-row p{margin:4px 0;color:var(--muted);font-size:13px}.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pack{border:1px solid var(--line);border-top:4px solid var(--green);border-radius:11px;padding:13px;background:#fff}.pack h3{margin:0 0 8px}.pack .big{font-size:23px;color:var(--red);font-weight:900}.chips{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.chip{padding:4px 7px;background:#eee9df;border-radius:7px;font-weight:700}.chip.drop{background:#f2dcd6;color:#843526}.chip.keep{background:#dcebe3;color:#24513f}.rule{border:1px solid var(--line);border-radius:10px;margin-top:8px;overflow:hidden}.rule summary{padding:12px 14px;cursor:pointer;display:grid;grid-template-columns:1fr repeat(5,auto);gap:14px;align-items:center}.rule summary:hover{background:#faf5e9}.rule-body{padding:0 14px 14px}.rule-title b{display:block}.rule-title small{color:var(--muted)}.good{color:#25704f}.bad{color:#a23b31}.muted{color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:9px;border:1px solid var(--line);text-align:center}th{background:#ede8dc;color:#35433d}.history{max-height:280px;overflow:auto}.history table{font-size:12px}.observe-note{padding:9px 11px;background:#fff5da;border-radius:8px;color:#78591d;font-size:12px}@media(max-width:1000px){.summary-grid,.pack-grid{grid-template-columns:repeat(2,1fr)}.zodiac-grid{grid-template-columns:repeat(4,1fr)}.rule summary{grid-template-columns:1fr repeat(2,auto)}.rule summary span:nth-last-child(-n+3){display:none}}@media(max-width:620px){.hero{padding:22px 14px;display:block}.hero h1{font-size:30px}.hero nav{margin-top:16px}.summary-grid{grid-template-columns:1fr 1fr}.zodiac-grid{grid-template-columns:repeat(3,1fr)}.pack-grid{grid-template-columns:1fr}.card{padding:13px}.zodiac-card strong{font-size:23px}}
.observe-ranking{display:grid;gap:7px}.observe-rank{border:1px solid var(--line);border-radius:9px;background:#fff;padding:8px 10px;text-align:left;color:var(--ink);cursor:pointer}.observe-rank:hover{border-color:var(--gold);background:#fffaf0}.score-bar-row{display:grid;grid-template-columns:34px 150px minmax(120px,1fr) 88px;align-items:center;gap:10px;min-height:48px}.score-bar-rank{color:var(--muted);font:700 12px/1 monospace;text-align:center}.score-bar-label{min-width:0}.score-bar-label b{display:block;font-size:18px}.score-bar-label small{display:block;color:var(--muted);font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-bar-track{height:14px;border-radius:999px;background:#eee9df;overflow:hidden}.score-bar-fill{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#c28a2c,#a44332)}.score-bar-value{color:var(--red);font-size:16px;text-align:right}.rule.pattern{border-left:4px solid var(--navy)}.mapping{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.mapping span{background:#e7edf1;color:var(--navy);padding:5px 8px;border-radius:7px;font-weight:700}@media(max-width:620px){.score-bar-row{grid-template-columns:28px 82px minmax(60px,1fr) 68px;gap:7px;padding:7px}.score-bar-label b{font-size:16px}.score-bar-label small{font-size:10px}.score-bar-value{font-size:14px}}

.judge-controls{margin-top:16px;padding:14px 16px;border:1px solid #d9c38d;border-radius:14px;background:linear-gradient(100deg,#fff7df,#fffdf8);display:flex;justify-content:space-between;align-items:center;gap:16px}.judge-controls p{margin:4px 0 0;color:var(--muted);font-size:12px}.control-actions{display:flex;flex-wrap:wrap;gap:8px}.control-actions button{border:1px solid #caa65a;background:#fff;border-radius:8px;padding:8px 11px;cursor:pointer;color:var(--ink)}.control-actions button:hover{background:#f5e5ba}.judge-switch{display:inline-flex;align-items:center;gap:7px;margin:10px 0;padding:7px 10px;border:1px solid #d6bd80;border-radius:8px;background:#fff8e5;font-weight:700;cursor:pointer}.judge-switch input{width:17px;height:17px;accent-color:var(--red)}.judge-link{width:100%;border-left:0;border-right:0;border-bottom:0;background:transparent;text-align:left;color:var(--ink);cursor:pointer}.judge-link:hover{background:#fff9e9}.experimental-on{color:var(--red)}.score-line{display:block;color:var(--muted);margin-top:3px}.rule.focus{outline:3px solid #d59c31;box-shadow:0 0 0 7px #f5d99155}@media(max-width:760px){.judge-controls{align-items:flex-start;flex-direction:column}}
.rule-row{display:grid;grid-template-columns:auto 1fr;align-items:stretch}.rule-toggle{display:flex;align-items:center;padding:8px 12px;background:#fff8e5;border-right:1px solid var(--line)}.rule-toggle .judge-switch{margin:0;white-space:nowrap}.rule-open{border:0;background:#fff;color:var(--ink);padding:12px 14px;cursor:pointer;display:grid;grid-template-columns:1fr repeat(4,auto);gap:14px;align-items:center;text-align:left}.rule-open:hover{background:#faf5e9}.formal-link{border-left:3px solid var(--green)}.active-evidence{grid-template-columns:auto 105px 155px 105px 125px minmax(260px,1fr) auto;align-items:center}.evidence-toggle{white-space:nowrap;font-weight:700}.formal-status input{accent-color:var(--green);opacity:1}.evidence-stat small{display:block;color:var(--muted);font-size:11px}.evidence-stat b{display:block;margin-top:3px;font-size:16px}.evidence-summary{border:0;background:transparent;color:var(--ink);padding:2px 8px;text-align:left;cursor:pointer}.evidence-summary p{line-height:1.6}.evidence-summary:hover b{color:var(--red)}.empty-evidence{padding:24px 0;text-align:center}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px}.modal-backdrop{position:absolute;inset:0;background:#15231dd9;backdrop-filter:blur(4px)}.modal-panel{position:relative;width:min(920px,96vw);max-height:88vh;overflow-y:auto;overflow-x:hidden;background:var(--card);border-radius:16px;padding:24px;box-shadow:0 28px 90px #0007}.modal-panel h2{margin:0 45px 18px 0}.modal-close{position:absolute;right:14px;top:12px;border:0;background:#eee5d7;border-radius:50%;width:36px;height:36px;font-size:25px;cursor:pointer}.modal-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}.modal-metrics div{padding:12px;background:#f1ecdf;border-radius:10px}.modal-metrics span{display:block;color:var(--muted);font-size:12px}.modal-metrics b{display:block;font-size:21px;margin-top:4px}.modal-panel .history{overflow-x:hidden}.modal-panel .history table{min-width:0;table-layout:fixed}.modal-panel .history th,.modal-panel .history td{overflow-wrap:anywhere}.modal-open{overflow:hidden}@media(max-width:900px){.active-evidence{grid-template-columns:auto 1fr 1fr}.active-evidence .evidence-summary{grid-column:1/-1}.active-evidence>.badge{grid-column:1/-1;justify-self:start}}@media(max-width:760px){.rule-row{grid-template-columns:1fr}.rule-toggle{border-right:0;border-bottom:1px solid var(--line)}.rule-open{grid-template-columns:1fr auto}.rule-open>span:nth-last-child(n+3):not(.rule-title){display:none}.modal{padding:10px}.modal-panel{padding:18px}.modal-metrics{grid-template-columns:repeat(2,1fr)}}
.formal-history{max-height:420px}.formal-history table{min-width:1050px}

.list-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.list-tools label{color:var(--muted);font-size:12px}.list-tools select,.list-tools button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;color:var(--ink)}.list-tools button{cursor:pointer;font-weight:700}.list-tools button:hover{border-color:var(--red);color:var(--red)}
.judge-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}.judge-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:11px 15px;color:var(--muted);font-weight:800;cursor:pointer;white-space:nowrap}.judge-tabs button.active{color:var(--red);border-bottom-color:var(--red);background:#fff7e5}.judge-tab-panel[hidden]{display:none}.judge-tab-panel>.list-tools{justify-content:flex-end;margin-bottom:10px}.judge-directory-row{margin-top:0}.readonly-status{display:inline-flex;flex-direction:column;min-width:110px;padding:8px 10px;border-radius:9px;font-weight:900}.readonly-status small{font-size:10px;font-weight:400;margin-top:2px}.readonly-status.on{color:#24513f;background:#dcebe3;border:1px solid #9ec7b3}.readonly-status.off{color:#777;background:#eee;border:1px solid #ccc}
.employment-action{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--green);border-radius:8px;background:#fff;color:var(--green);padding:6px 9px;font-weight:800;cursor:pointer}.employment-action.dismiss{border-color:#9b4137;color:#9b4137}.employment-action:disabled{border-color:#bbb;color:#888;background:#eee;cursor:not-allowed}.employment-note{font-size:11px;color:var(--muted)}
.inline-mapping{color:var(--red);font-size:13px}
.excluded-group{display:inline-block;margin-top:3px;color:var(--red);font-size:14px}.evidence-summary p{color:#4f5d56}.evidence-summary p>b{color:var(--ink)}

.failure-stat b{color:var(--red)}.weight-stat b{color:var(--green)}
.judge-head-actions{display:flex;align-items:center;gap:12px}.settings-button,.coefficient-actions button{border:1px solid #caa65a;background:#fff;border-radius:8px;padding:8px 12px;color:var(--ink);font-weight:700;cursor:pointer}.settings-button:hover,.coefficient-actions button:hover{border-color:var(--red);color:var(--red)}.coefficient-panel{width:min(650px,96vw)}.coefficient-form{display:grid;gap:10px;margin:16px 0}.coefficient-form label{display:grid;grid-template-columns:1fr 110px 90px;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px}.coefficient-form label>span{font-weight:800}.coefficient-form input{width:100%;padding:8px;border:1px solid var(--line);border-radius:7px;font-size:16px}.coefficient-form small{color:var(--muted)}.coefficient-actions{display:flex;justify-content:flex-end;gap:9px}.coefficient-actions .primary{background:var(--green);border-color:var(--green);color:#fff}@media(max-width:620px){.judge-head-actions{align-items:flex-end;flex-direction:column}.coefficient-form label{grid-template-columns:1fr 90px}.coefficient-form small{grid-column:1/-1}}
.judge-directory-row{padding:8px 0;gap:8px}.judge-directory-row .judge-switch{margin:0;padding:6px 9px}.judge-directory-row .evidence-summary{padding:0 6px}.judge-directory-row .evidence-summary> b{display:block;line-height:1.25}.judge-directory-row .evidence-summary p{margin:3px 0;line-height:1.45}.rule-keyline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rule-keyline .excluded-group{margin-top:0}.detail .judge-directory-row{padding:8px 0}
.period-bar{margin:16px 0 0;padding:14px 18px;border:1px solid #cbbd9e;border-radius:14px;background:linear-gradient(105deg,#fffdf8,#f1ead9);display:flex;align-items:center;justify-content:space-between;gap:20px}.period-bar small{display:block;color:var(--muted);margin-top:4px}.period-bar select,.archive-tools select,.archive-tools input{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px}.judge-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.judge-business-card{border:1px solid var(--line);border-left:4px solid var(--green);border-radius:12px;background:#fff;padding:11px;margin:8px 0}.judge-business-card.is-disabled{border-left-color:#aaa;background:#f2f1ed;color:#686868}.judge-card-head{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:9px}.judge-card-head small,.judge-profile-title small{display:block;color:var(--muted);margin-top:2px}.judge-number{display:inline-grid;place-items:center;min-width:46px;padding:5px 7px;border-radius:7px;background:var(--navy);color:#fff;font:800 12px/1 monospace}.judge-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:9px 0}.judge-metric-grid span{background:#f4f0e6;border-radius:7px;padding:7px}.judge-metric-grid small{display:block;color:var(--muted);font-size:10px}.judge-metric-grid b{display:block;margin-top:3px;font-size:14px}.judge-business-card>p{margin:7px 0;color:#4f5d56;font-size:12px}.judge-business-card>button{border:0;background:transparent;color:var(--green);font-weight:700;cursor:pointer;padding:3px 0}.archive-note,.archive-tools,.archive-summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.archive-note span{color:var(--muted);font-size:12px}.archive-summary span{padding:6px 9px;background:#ede8dc;border-radius:8px;font-weight:700;font-size:12px}.judge-profile{border:1px solid #d7c18d;background:#fffaf0;border-radius:12px;padding:13px;margin-bottom:16px}.judge-profile-title{display:flex;align-items:center;gap:10px}.formula-box{margin-top:10px;padding:11px;background:#203d32;color:#fff;border-radius:9px}.formula-box code{display:block;white-space:normal;margin:7px 0;color:#ffe3a2}.formula-box p,.formula-box small{color:#e3ece7}.modal-panel .history{overflow:auto}.modal-panel .history table{min-width:900px}
.center-page-tabs{display:flex;gap:8px;margin:14px 0;overflow-x:auto}.center-page-tabs button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 16px;color:var(--green);font-weight:800;white-space:nowrap;cursor:pointer}.center-page-tabs button.active{border-color:var(--green);background:var(--green);color:#fff}.center-tab-panel{display:none}.center-tab-panel.active{display:block}.source-table-card{padding:18px}.source-table-wrap{overflow:auto}.report-table{width:100%;min-width:980px;border-collapse:collapse;border:1px solid #d8d3c8}.report-table th,.report-table td{border:1px solid #d8d3c8;text-align:center}.report-table tbody tr:hover{outline:2px solid #50739d;outline-offset:-2px}.more{background:#91a9d8;color:#152c52}.less{background:#e9839a;color:#4d1425}.more-comp{background:#f2d6dc;color:#552333}.less-comp{background:#c7e9eb;color:#123f4c}.zodiac-table .num-cell{padding:7px 4px;background:#fffdf8}.zodiac-table .num-cell small{display:block;margin-top:4px;font-size:15px;font-weight:800;color:#66736b}.num-ball{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;font-weight:900;color:#fff}.num-cell.odd .num-ball{background:#d85c54}.num-cell.even .num-ball{background:#3e82bd}.num-cell.special{border-left:2px solid #d4c29a}.num-cell.special .num-ball{background:#397a4d}.num-cell.special small{color:#9a7025}.table4{min-width:1380px;font-size:12px;table-layout:fixed}.table4-wrap{max-height:calc(100vh - 210px);overflow:auto}.table4 thead{position:sticky;top:0;z-index:5}.table4 thead th{position:sticky;top:0;z-index:6;background:#fff}.lookback-header{cursor:pointer;color:#173b69;font-weight:900}.lookback-header small{display:block;margin-top:3px;font-size:10px;color:#607083;white-space:nowrap}.lookback-cell{cursor:pointer}.lookback-header.selected{background:#dbe7f6!important;outline:2px solid #315b8a;outline-offset:-2px}.lookback-header.breakthrough{border:3px solid #b93650;animation:source-pulse 1.1s ease-in-out infinite}.lookback-header.breakthrough.more{background:#91a9d8}.lookback-header.breakthrough.less{background:#e9839a}.lookback-header.breakthrough.more-comp{background:#f2d6dc}.lookback-header.breakthrough.less-comp{background:#c7e9eb}@keyframes source-pulse{50%{filter:brightness(1.12)}}
.four-group-popup{position:fixed;z-index:1200;width:min(480px,calc(100vw - 24px));padding:18px;border:1px solid #7890b5;border-radius:12px;background:#172845;color:#fff;box-shadow:0 14px 36px #0a183166;line-height:1.65}.four-group-popup[hidden]{display:none}.four-group-popup>b{font-size:17px}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.stat-card{padding:11px;border-radius:9px;color:#172845}.stat-card strong{display:block;font-size:16px}.stat-card div{font-size:12px}.stat-card.triggered{grid-column:1/-1;border:3px solid #b93650;box-shadow:0 0 0 3px #fff0a6}.stat-card em{display:block;color:#861c35;font-size:16px;font-weight:900;font-style:normal}.group-zodiacs{font-size:14px!important;font-weight:900}.header-summary{padding:13px;border-radius:9px;background:#fff4d6;color:#243349}.header-summary>b,.header-summary>strong{display:block;font-size:16px}.header-summary>strong{color:#a22c43}.popup-group{margin-top:9px;padding:11px;border:1px solid #a8bad2;border-radius:8px;color:#172845}.popup-group>b{display:block;font-size:17px}.popup-group .main-zodiacs{margin-top:6px;padding-top:5px;border-top:1px solid #17284533;font-size:16px;font-weight:900}.popup-others{display:grid;gap:5px;margin-top:8px}.popup-others span{display:block;padding:6px 8px;border-radius:6px;color:#172845;font-weight:700}
@media(max-width:900px){.judge-card-grid{grid-template-columns:1fr}.judge-metric-grid{grid-template-columns:repeat(2,1fr)}}
.vertical-trigger{display:grid;gap:4px;margin:9px 0;padding:9px 11px;border-left:3px solid var(--gold);border-radius:8px;background:#fff7df;font-size:12px}.vertical-trigger strong:nth-child(2){color:var(--red)}.vertical-trigger p{margin:2px 0 0;line-height:1.65;color:#4f5d56}.vertical-trigger.is-inactive{display:grid;border-left-color:#aaa;background:#ecebe7;color:#727272}.vertical-trigger.is-inactive .trigger-status{margin-top:4px;padding-top:5px;border-top:1px dashed #bbb;color:#7c332b}
.archive-trigger-filters{display:flex;gap:7px;flex-wrap:wrap;width:100%;padding-top:2px}.archive-trigger-filters button{border:1px solid #cbbd9e;border-radius:999px;background:#fff;padding:7px 12px;color:var(--ink);font-weight:800;cursor:pointer}.archive-trigger-filters button:hover{border-color:var(--red);color:var(--red)}.archive-trigger-filters button.active{border-color:var(--green);background:var(--green);color:#fff}
.archive-summary>button{display:flex;align-items:center;gap:7px;border:1px solid transparent;padding:7px 10px;background:#ede8dc;border-radius:8px;color:var(--ink);font-weight:700;font-size:12px;cursor:pointer}.archive-summary>button span{padding:0;background:transparent}.archive-summary>button b{font-size:14px;color:var(--green)}.archive-summary>button:hover{border-color:var(--red);color:var(--red)}.archive-summary>button.active{border-color:var(--green);background:var(--green);color:#fff}.archive-summary>button.active b{color:#ffe3a2}
.modal-panel .formal-history{overflow-x:hidden}.modal-panel .formal-history table{width:100%;min-width:0;table-layout:fixed}.modal-panel .formal-history th,.modal-panel .formal-history td{overflow-wrap:anywhere;word-break:break-word}

.overview-score-card{padding:18px}
.overview-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}
.overview-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:10px 14px;color:var(--muted);font-weight:800;cursor:pointer;white-space:nowrap}
.overview-tabs button.active{color:var(--red);border-bottom-color:var(--red);background:#fff7e5}
.overview-tab-panel[hidden]{display:none}
.score-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:1000px){.score-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.score-panel-grid{grid-template-columns:1fr}}

/* Keep the overview cards focused on rank, zodiac, score, and vote counts. */
.zodiac-card{min-height:142px;padding:14px}
.zodiac-card .rank{font-size:14px;font-weight:800}
.zodiac-card strong{font-size:34px;line-height:1;margin:8px 0 5px}
.zodiac-card .score{display:block;font-size:16px;line-height:1.2}
.zodiac-card .score-line{display:none}
.zodiac-card .badges{margin-top:12px}
@media(max-width:620px){.zodiac-card{min-height:126px;padding:11px}.zodiac-card .rank{font-size:12px}.zodiac-card strong{font-size:29px}.zodiac-card .score{font-size:14px}.zodiac-card .badges{margin-top:9px}}

.hr-department-panel{width:min(1500px,96vw);max-width:none;height:92vh}
.hr-toolbar{display:grid;gap:14px;margin:16px 0}
.hr-status-tabs,.hr-filters,.hr-batch-actions,.hr-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hr-status-tabs button{border:1px solid #d8cdbd;background:#fffaf0;border-radius:999px;padding:8px 12px;cursor:pointer}
.hr-status-tabs button.active{background:#24362f;color:#fff;border-color:#24362f}
.hr-filters label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}
.hr-filters select,.hr-filters input{border:1px solid #cfc3b2;border-radius:8px;padding:8px;background:#fff}
.hr-batch-actions{justify-content:flex-end}
.hr-batch-actions button,.hr-card-actions button{border:1px solid #b9aa96;border-radius:8px;padding:7px 10px;background:#fff;cursor:pointer}
.hr-batch-actions .primary{background:#b4522b;color:#fff;border-color:#b4522b}
.hr-card{border-left:5px solid #9b8d7d;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.hr-card:hover{box-shadow:0 8px 22px rgba(56,43,31,.12);transform:translateY(-1px)}
.hr-card.status-employed{border-left-color:#16815f;background:#f5fcf8}
.hr-card.status-probation{border-left-color:#d18a18;background:#fffbf1}
.hr-card.status-suspended{border-left-color:#7d8793;background:#f5f6f7}
.hr-card.status-qualified{border-left-color:#2878ad;background:#f4faff}
.hr-card.status-unqualified,.hr-card.status-no_sample{border-left-color:#aaa;background:#fafafa}
.hr-card.status-retired{border-left-color:#8e4d4d;background:#fbf5f5;opacity:.82}
.hr-status-badge{margin-left:auto;border-radius:999px;padding:5px 10px;font-size:12px;white-space:nowrap}
.hr-status-badge.status-employed{color:#086146;background:#d8f3e8}
.hr-status-badge.status-probation{color:#885400;background:#ffedbe}
.hr-status-badge.status-suspended{color:#505b67;background:#e4e8ec}
.hr-status-badge.status-qualified{color:#145a87;background:#dceefa}
.hr-status-badge.status-unqualified,.hr-status-badge.status-no_sample{color:#666;background:#eee}
.hr-status-badge.status-retired{color:#7b3030;background:#efdada}
.hr-state-control{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}
.hr-state-control select{border:1px solid #b9aa96;border-radius:8px;padding:7px 28px 7px 9px;background:#fff;font-weight:700}
.hr-card-actions{margin-top:10px}
.compact-judge-card{padding:9px 10px;margin:6px 0}.compact-judge-card .judge-card-head{grid-template-columns:auto auto 1fr auto}.compact-metrics{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:6px;margin:7px 0}.compact-metrics>div{padding:6px 8px;border-radius:7px;background:#f4f0e6}.compact-metrics small{display:block;color:var(--muted);font-size:10px}.compact-metrics b{display:block;margin-top:2px;font-size:14px}.judge-status-line,.modal-status-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.judge-status-line{margin:5px 0}.judge-status-line small{color:var(--muted)}.evidence-state,.trigger-state{padding:4px 8px;border-radius:999px;background:#fff0cd;color:#805b15;font-size:11px;font-weight:800}.trigger-state{background:#ecebe7;color:#666}.trigger-state.is-triggered{background:#f2dcd6;color:#843526}.compact-judge-card .evidence-summary p{margin:3px 0;line-height:1.45}.compact-judge-card .evidence-summary small{color:var(--muted)}.modal-status-strip{margin:0 0 12px}.detail .compact-judge-card{margin:7px 0}
@media(max-width:720px){.hr-filters{align-items:stretch}.hr-filters label{width:100%;justify-content:space-between}.hr-filters select,.hr-filters input{flex:1}.hr-batch-actions{justify-content:flex-start}}
@media(max-width:720px){.compact-metrics{grid-template-columns:repeat(2,1fr)}.compact-judge-card .judge-card-head{grid-template-columns:auto 1fr}.compact-judge-card .judge-card-head>.judge-switch,.compact-judge-card .judge-card-head>.hr-status-badge{grid-column:auto}}

/* Keep score cards focused on rank, zodiac, score, and vote counts. */
.score-panel-grid .score-bar-row{display:grid;grid-template-columns:42px minmax(0,1fr) 86px;grid-template-areas:"rank label value" "rank votes votes" "rank track track";align-items:center;column-gap:10px;row-gap:8px;min-height:112px;padding:14px 15px}
.score-panel-grid .score-bar-rank{grid-area:rank;align-self:start;padding-top:2px;font-size:21px;font-weight:900}
.score-panel-grid .score-bar-label{grid-area:label}
.score-panel-grid .score-bar-label b{font-size:34px;line-height:1}
.score-panel-grid .score-bar-votes{grid-area:votes;display:flex;flex-wrap:wrap;gap:5px;margin:0;white-space:normal;overflow:visible}
.score-panel-grid .score-bar-track{grid-area:track;height:12px}
.score-panel-grid .score-bar-value{grid-area:value;font-size:32px;line-height:1;font-weight:900}
@media(max-width:620px){.score-panel-grid .score-bar-row{grid-template-columns:30px minmax(0,1fr) 70px;min-height:103px;padding:11px 10px;column-gap:7px;row-gap:7px}.score-panel-grid .score-bar-rank{font-size:14px}.score-panel-grid .score-bar-label b{font-size:23px}.score-panel-grid .score-bar-value{font-size:21px}}

/* The overview uses the same first-glance hierarchy as the score cards. */
.zodiac-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-areas:"rank zodiac score" "rank votes votes";align-items:center;column-gap:8px;row-gap:10px;min-height:112px;padding:14px}
.zodiac-card .rank{grid-area:rank;align-self:start;padding-top:2px;font-size:22px;line-height:1;font-weight:900}
.zodiac-card strong{grid-area:zodiac;align-self:end;margin:0;font-size:40px;line-height:1.05}
.zodiac-card .score{grid-area:score;align-self:end;font-size:34px;line-height:1;font-weight:900;white-space:nowrap}
.zodiac-card .badges{grid-area:votes;display:flex;gap:5px;flex-wrap:wrap;margin:0;min-width:0}
.zodiac-card .badge{white-space:nowrap}
@media(max-width:620px){.zodiac-card{grid-template-columns:32px minmax(0,1fr) auto;min-height:102px;padding:11px;column-gap:7px;row-gap:8px}.zodiac-card .rank{font-size:15px}.zodiac-card strong{font-size:29px}.zodiac-card .score{font-size:23px}.zodiac-card .badge{font-size:10px;padding:3px 6px}}