/* Independent armour slots remain readable and do not shrink the character. */
.eq-demo .eq-loadout{width:96px;flex:0 0 96px;gap:7px;justify-content:center}
.eq-demo .eq-slot{min-height:96px;padding:5px 3px}
.eq-demo .eq-slot img{height:54px;min-height:54px}
.eq-demo .eq-filter{min-height:44px}
.eq-demo .eq-slot:disabled{opacity:.68}
@container(max-width:690px){
  .eq-demo .eq-hero-display{display:block}
  .eq-demo .eq-loadout{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px 0 0}
  .eq-demo .eq-slot{min-width:0;min-height:104px}
}
@container(max-width:430px){
  .eq-demo .eq-loadout{grid-template-columns:repeat(3,minmax(0,1fr))}
  .eq-demo .eq-slot img{height:60px;min-height:60px}
  .eq-demo .eq-filters{flex-wrap:wrap}
  .eq-demo .eq-filter{flex:1 0 auto;min-height:44px}
}

/* Bag navigation polish. Shared cards keep artwork readable; phone uses one pane at a time. */
.eq-demo .eq-results{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-4px 0 9px;min-height:44px}
.eq-demo .eq-toggle{min-height:44px;padding:7px 12px;border:1px solid #c7b88f;border-radius:22px;background:#fffaf0;font-size:13px}
.eq-demo .eq-toggle[aria-pressed=true]{background:#d8efd6;border-color:#699a6c;color:#25563b}
.eq-demo .eq-comparison{font-size:13px;line-height:1.4;margin:8px 0 12px;color:#526478}
.eq-demo .eq-mobile-only,.eq-demo .eq-mobile-nav,.eq-demo .eq-mobile-equip{display:none}
.eq-demo .eq-detail-actions{flex-wrap:wrap}
.eq-demo .eq-detail-actions>.eq-button{flex:1 1 130px;width:auto}
.eq-demo .eq-ingredient small{display:block;font-size:12px;line-height:1.5}
.eq-demo .eq-batch .eq-step{min-width:44px;min-height:44px}
.eq-demo .eq-used-in{display:grid;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid #decba7}
.eq-demo .eq-used-in h5{font-size:16px;margin-bottom:3px}
.eq-demo .eq-count{font-size:13px}
@container(max-width:980px){
 .eq-demo .eq-stage{min-height:0;gap:10px}
 .eq-demo[data-eq-pane=browse] .eq-stage>aside{display:none}
 .eq-demo[data-eq-pane=inspect] .eq-paper [role=tabpanel]{display:none}
 .eq-demo[data-eq-pane=inspect] .eq-paper{padding-bottom:5px}
 .eq-demo .eq-mobile-nav{display:flex;justify-content:flex-start;margin-bottom:9px}
 .eq-demo .eq-mobile-nav>.eq-secondary{width:auto;min-width:160px}
 .eq-demo .eq-mobile-only{display:flex;margin-top:12px}
 .eq-demo .eq-selection-strip{display:none}
 .eq-demo .eq-mobile-equip{display:block;background:#fffaf2;border:1px solid #d4b579;border-radius:16px;padding:16px;margin-top:10px}
 .eq-demo .eq-mobile-equip h4{font:600 24px/1.2 Lora,Georgia,serif}
 .eq-demo .eq-mobile-equip p{font-size:13px;color:#526478;margin:6px 0 12px}
 .eq-demo .eq-hero-display{min-height:0;display:flex;align-items:stretch}
 .eq-demo .eq-character-art.eq-character-live{min-height:420px}
 .eq-demo .eq-loadout{display:flex;flex-direction:column;flex:0 0 78px;width:78px;padding:0;gap:6px;justify-content:flex-start}
 .eq-demo .eq-slot{min-height:76px;padding:4px 2px}
 .eq-demo .eq-slot img{height:38px;min-height:38px;margin:2px 0}
 .eq-demo .eq-slot-empty{min-height:38px;font-size:24px}
 .eq-demo .eq-slot small{font-size:10px}
 .eq-demo .eq-filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:3px 3px 8px;gap:7px}
 .eq-demo .eq-filter{flex:0 0 auto;min-width:72px;font-size:13px!important}
 .eq-demo .eq-list{height:clamp(320px,52svh,560px);grid-template-columns:repeat(auto-fill,minmax(min(100%,142px),1fr));gap:10px}
 .eq-demo .eq-heading{margin-bottom:12px}
 .eq-demo .eq-route-tabs{margin-bottom:12px}
}
@container(max-width:430px){
 .eq-demo .eq-tools{flex-wrap:nowrap}
 .eq-demo .eq-search{flex:1 1 auto}
 .eq-demo .eq-search input{font-size:16px}
 .eq-demo .eq-sort{flex:0 0 94px}
 .eq-demo .eq-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 8px 20px;gap:8px}
 .eq-demo .eq-item-art img{padding:5px}
 .eq-demo .eq-item>b{font-size:15px;min-height:52px}
 .eq-demo .eq-badge{right:4px;bottom:4px;font-size:11px;padding:2px 5px}
 .eq-demo .eq-character-art.eq-character-live{min-height:430px}
 .eq-demo .eq-character-footer small{font-size:12px}
 .eq-demo .eq-ingredients{grid-template-columns:repeat(2,minmax(0,1fr))}
 .eq-demo .eq-ingredient{grid-template-columns:44px minmax(0,1fr);gap:5px;padding:9px 5px}
 .eq-demo .eq-ingredient>img{width:44px;height:44px}
 .eq-demo .eq-ingredient strong{font-size:16px}
}
@container(max-width:320px){.eq-demo .eq-ingredients{grid-template-columns:minmax(0,1fr)}.eq-demo .eq-list{grid-template-columns:minmax(0,1fr)}}