/* Combat additions reuse the existing ranking rows and field-guide tokens. */
.combat-ranking-tabs{margin:0 0 12px!important}
.combat-rank-caption{font-size:12px;line-height:1.5;color:var(--color-text-secondary);margin:8px 0}
.combat-checks{display:flex;flex-wrap:wrap;gap:5px 18px;margin:8px 0}
.combat-party{margin:12px 0;font-size:12px}
.combat-party>summary{cursor:pointer;font-weight:650;min-height:36px;padding:9px 0}
.combat-party>summary span{color:var(--color-text-secondary);font-weight:500;margin-left:8px}
.combat-ranking-row .base-rank-pal small{max-width:620px;line-height:1.6}
.combat-kit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.combat-kit>div{border:1px solid var(--color-border);border-radius:8px;padding:10px;min-width:0}
.combat-kit strong{display:block;font-size:12px;overflow-wrap:anywhere;line-height:1.5}
.combat-kit small,.combat-kit span{display:block;font-size:11px;line-height:1.6;color:var(--color-text-secondary);margin-top:5px}
.combat-build-context{font-size:12px;color:var(--color-text-secondary);line-height:1.6;margin:12px 0}
@media(max-width:1000px), (max-height:500px){
 #page[data-route="tiers"]:has(.combat-ranking-panel)>.page-heading{margin-bottom:4px;gap:8px}
 #page[data-route="tiers"]:has(.combat-ranking-panel)>.page-heading h1{font-size:24px;letter-spacing:-.5px}
 #page[data-route="tiers"]:has(.combat-ranking-panel)>.collection-tabs{display:none}
 .combat-ranking-tabs{display:flex;gap:14px;margin-bottom:8px!important;overflow-x:auto}
 .combat-ranking-tabs button{font-size:12px;padding-bottom:8px;white-space:nowrap;flex:none}
 .combat-ranking-panel>.base-ranking-primary{margin-bottom:6px}
 .combat-ranking-panel>.base-ranking-primary .base-rank-field{flex-direction:row;align-items:center;gap:8px}
 .combat-ranking-panel>.base-ranking-primary .base-rank-field>span{white-space:nowrap;font-size:11px}
 .combat-ranking-panel>.base-ranking-primary select{flex:1;min-width:0;font-size:11px;padding:7px 8px;min-height:36px}
 .combat-ranking-row .base-rank-pal small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:10px}
 .combat-rank-caption{font-size:10px;margin:5px 0;line-height:1.5}
 .combat-ranking-row .base-rank-value{max-width:76px}.combat-ranking-row .base-rank-value>span{display:block;line-height:1.4}
 .combat-kit{grid-template-columns:1fr;gap:6px}.combat-kit>div{padding:8px}
}
@media(max-width:380px){
 #page[data-route="tiers"]:has(.combat-ranking-panel)>.page-heading h1{font-size:22px}
 #page[data-route="tiers"]:has(.combat-ranking-panel) .base-mobile-tier select{width:auto;max-width:100%}
}