/* Keep the existing metallic tiles; give each historical series its own shelf. */
.slx-series-note{font-size:12px;line-height:1.5;color:inherit;opacity:.8;margin:10px 0 20px}
.slx-era-map{display:block;min-width:0}
.slx-era-section{margin:0 0 28px;min-width:0}
.slx-era-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 4px 16px;margin-bottom:10px;border-bottom:2px solid #718a9b}
.slx-era-logo{width:140px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 2px #0005)}
.slx-era-title{font-size:18px;margin:0;line-height:1.25;color:inherit}
.slx-era-years{font-size:15px;font-weight:800;white-space:nowrap;padding:6px 12px;border:1px solid #748793;border-radius:20px;background:linear-gradient(110deg,#b5bdc4,#f3f5f6 45%,#9faab3);color:#1c2a35;box-shadow:inset 0 1px 0 #fff9}
.slx-era-count{margin-left:auto;font-size:12px;white-space:nowrap}
.slx-map .heat.slx-era-grid{max-height:none;overflow:visible;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.slx-map .slx-era-grid .tile{min-width:0}
.slx-set-year{display:block;font-size:11px;color:#d5ecfa;position:relative;z-index:1;margin-top:6px}
@media(max-width:600px){.slx-era-header{gap:8px}.slx-era-logo{width:115px;height:50px}.slx-era-title{font-size:15px}.slx-era-years{font-size:13px;padding:5px 9px}.slx-map .heat.slx-era-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.slx-era-count{font-size:11px}.slx-era-section{margin-bottom:24px}}

/* SlabX Heat Map Layout v0.1: full-width chart and set shelves; preserve the lower panels. */
.slx-floor>.slx-history,.slx-floor>.slx-map{grid-column:1/-1}