/* Branch scores: horizontal bars, full names and an explicit numeric value. */
#ranking-podium[hidden],#branch-chart[hidden],#ranking-table-container[hidden]{display:none!important}
.branch-chart{margin-top:16px;min-width:0}
.chart-explanation,.chart-count{font-family:var(--font-note);font-size:15px;line-height:1.7;color:#6c624a;margin:10px 0 16px}
.chart-scale{display:flex;justify-content:space-between;font-family:var(--font-number);font-size:14px;color:#78673f;border-bottom:1px solid #eadcae;padding-bottom:9px;margin-bottom:8px}
.branch-chart-bars{list-style:none;margin:0;padding:0}
.branch-bar-row{padding:18px 0;border-bottom:1px solid #eee3c4}
.branch-bar-heading{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:11px}
.branch-bar-label{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1}
.branch-position{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;min-width:28px;height:28px;border-radius:9px;background:#f8edcb;color:#78591d;font-family:var(--font-number);font-size:16px;font-weight:600}
.branch-bar-row.leading .branch-position{background:#fdd771;color:#5b3e12}
.branch-chart .branch-bar-name{font-family:var(--font-ui);font-size:17px;font-weight:600;line-height:1.65;text-align:left;white-space:normal;overflow-wrap:anywhere;border:0;padding:0;border-radius:3px;color:#54451f;background:transparent;box-shadow:none;cursor:pointer;min-width:0}
.branch-chart .branch-bar-name:hover{color:#795913;text-decoration:underline;text-underline-offset:4px;background:transparent}
.branch-bar-value{flex-shrink:0;text-align:right;white-space:nowrap;color:#65491a}
.branch-bar-value strong{font-family:var(--font-number);font-size:23px;font-weight:600;line-height:1.3}
.branch-bar-value small{display:block;font-family:var(--font-note);font-size:14px;line-height:1.4;color:#72603b}
.branch-bar-track{height:22px;width:100%;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#d9ceb34d calc(25% - 1px),#d9ceb34d 25%),#f8f3e5;border-radius:7px;overflow:hidden}
.branch-bar-fill{display:block;height:100%;max-width:100%;background:linear-gradient(90deg,#f8df95,#fdd771);border-radius:7px;transition:width .3s ease}
.branch-bar-row:nth-child(even) .branch-bar-fill{background:linear-gradient(90deg,#d8eaf6,#a8cee6)}
.branch-bar-row.leading .branch-bar-fill{background:linear-gradient(90deg,#fdd771,#e9bd48)}
.branch-bar-detail{font-family:var(--font-note);font-size:14px;line-height:1.6;color:#716548;margin:7px 0 0}
@media(max-width:550px){.branch-bar-heading{gap:9px}.branch-bar-label{gap:7px}.branch-chart .branch-bar-name{font-size:16px}.branch-position{min-width:25px;height:25px;font-size:15px}.branch-bar-value strong{font-size:20px}.branch-bar-track{height:20px}}
@media(prefers-reduced-motion:reduce){.branch-bar-fill{transition:none}}
/* Keep chart labels as text links rather than the shared filled-button style. */
.branch-chart .branch-bar-name{background:transparent!important;color:#54451f!important;box-shadow:none!important}
.individual-leaders{background:linear-gradient(145deg,#fff8d9,#feefc6);border:1px solid #e6cc80;border-radius:18px;padding:24px;min-width:0}
.individual-leaders h3{font-family:var(--font-title);font-size:22px;line-height:1.7;margin:9px 0}
#individual-leader-list{max-height:430px;overflow:auto}
.individual-leader{background:#fffdf5;border:1px solid #eaddb2;border-radius:12px;padding:16px;margin:13px 0}
.individual-crown{font-family:var(--font-ui);font-size:14px;color:#8b651d}
.individual-leader h4{font-family:var(--font-ui);font-size:18px;line-height:1.7;margin:6px 0;overflow-wrap:anywhere}
.individual-score{display:block;font-family:var(--font-number);font-size:25px;color:#74531a;margin-top:12px}
#view-individuals{font-family:var(--font-ui);font-size:16px;line-height:1.6;width:100%;padding:12px;border:1px solid #dfbd65;border-radius:9px;background:#fdd771;color:#513a12;margin-top:8px}
.branch-chart span.branch-bar-name{cursor:default;text-decoration:none}