/* Main navigation and factory presentation contract: one row at 1920x1080, horizontal reach below desktop. */
#world-view-tabs{
  display:flex!important;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:.22rem;
  width:100%;
  max-width:var(--desktop-content-max,160rem);
  margin:0 auto!important;
  padding:0 .75rem!important;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:#a77b3f #17120d;
  border-right:0;
  border-left:0;
  background:#17120df8;
}
#world-view-tabs::-webkit-scrollbar{height:.42rem}
#world-view-tabs::-webkit-scrollbar-track{background:#17120d}
#world-view-tabs::-webkit-scrollbar-thumb{border-radius:999px;background:#a77b3f}
#world-view-tabs button,
#world-view-tabs button[aria-selected="true"]{
  flex:1 1 0;
  grid-template-columns:2.1rem minmax(0,1fr);
  grid-template-rows:1fr;
  gap:.42rem;
  min-width:0!important;
  min-height:3.15rem!important;
  margin-top:0!important;
  padding:.38rem .55rem .48rem;
  border-radius:.48rem .48rem 0 0;
}
#world-view-tabs button::after{right:.35rem;bottom:.28rem;left:3rem}
#world-view-tabs .view-tab-icon{grid-row:1;width:2rem;height:2rem}
#world-view-tabs .view-tab-icon svg{width:1.35rem;height:1.35rem}
#world-view-tabs strong{
  grid-row:1;
  grid-column:2;
  align-self:center;
  min-width:0;
  overflow:hidden;
  font-size:clamp(.66rem,.7vw,.82rem);
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#world-view-tabs small{display:none!important}
#world-view-tabs button:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.58}
#world-view-tabs button:disabled:hover{filter:saturate(.45)}
.view-tab-icon-industry svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.15}
@media(min-width:1101px){
  #world-view-estate>#estate-site-panel-industry{min-height:100%}
  #world-view-estate .industrial-site-map{display:grid;gap:.55rem}
  #world-view-estate .industrial-site-caption{margin:0}
  #world-view-estate .industrial-cockpit{margin:0}
  #world-view-estate .industrial-site-scene{
    min-height:clamp(38rem,calc(100dvh - 13rem),50rem);
    overflow:hidden;
  }
  #world-view-estate .industrial-facility{
    --facility-state:#765936;
    display:grid;
    grid-template-rows:minmax(0,1fr) auto;
    gap:.32rem;
    padding:.22rem;
    border:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }
  #world-view-estate .industrial-facility.state-blocked{--facility-state:#9b6248}
  #world-view-estate .industrial-facility.state-developing,
  #world-view-estate .industrial-facility.state-under-construction{--facility-state:#82a8bc}
  #world-view-estate .industrial-facility.state-acquired,
  #world-view-estate .industrial-facility.state-planned{--facility-state:#d0a551}
  #world-view-estate .industrial-facility.state-operational,
  #world-view-estate .industrial-facility.state-ready{--facility-state:#72a875}
  #world-view-estate .industrial-facility:hover,
  #world-view-estate .industrial-facility:focus-visible,
  #world-view-estate .industrial-facility.selected{
    border:0;
    background:transparent;
    outline:0;
  }
  #world-view-estate .industrial-facility-motif{
    box-sizing:border-box;
    display:grid;
    place-items:end center;
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
    border:2px solid var(--facility-state);
    background:linear-gradient(180deg,#18130da8,#21170db8);
    box-shadow:0 9px 20px #0009;
  }
  #world-view-estate .industrial-facility-motif img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center bottom;
    filter:drop-shadow(0 .45rem .35rem #0009);
  }
  #world-view-estate .industrial-facility-copy,
  #world-view-estate .industrial-facility[data-map-slot="3"] .industrial-facility-copy,
  #world-view-estate .industrial-facility[data-map-slot="5"] .industrial-facility-copy{
    position:static;
    z-index:auto;
    display:grid;
    gap:.08rem;
    width:100%;
    min-width:0;
    padding:.36rem .45rem;
    border:1px solid var(--facility-state);
    background:#17110df2;
    box-shadow:0 6px 13px #0009;
    transform:none;
  }
  #world-view-estate .industrial-facility-copy strong{
    overflow-wrap:anywhere;
    font-size:clamp(.72rem,.82vw,.92rem);
    line-height:1.08;
  }
  #world-view-estate .industrial-facility-copy small{
    color:var(--facility-state);
    font-size:.61rem;
    font-weight:800;
    letter-spacing:.04em;
  }
  #world-view-estate .industrial-facility-copy em{
    display:-webkit-box;
    overflow:hidden;
    font-size:.58rem;
    line-height:1.2;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  #world-view-estate .industrial-facility:hover .industrial-facility-motif,
  #world-view-estate .industrial-facility:focus-visible .industrial-facility-motif,
  #world-view-estate .industrial-facility.selected .industrial-facility-motif,
  #world-view-estate .industrial-facility:hover .industrial-facility-copy,
  #world-view-estate .industrial-facility:focus-visible .industrial-facility-copy,
  #world-view-estate .industrial-facility.selected .industrial-facility-copy{
    border-color:#f1cf7a;
    outline:2px solid #f1d181;
    outline-offset:1px;
  }
}

@media(max-width:1100px){
  #world-view-tabs{
    top:0;
    justify-content:flex-start;
    padding-inline:.4rem!important;
    scrollbar-gutter:stable;
  }
  #world-view-tabs button,
  #world-view-tabs button[aria-selected="true"]{
    flex:0 0 9.25rem;
    min-width:9.25rem!important;
  }
}

.factory-site-stack{display:grid;gap:.65rem;min-width:0}
.steel-legacy-site{--legacy-state:#c89f54;display:grid;gap:.55rem;padding:.65rem;border:1px solid #76562e;background:linear-gradient(145deg,#20150d,#100d09);box-shadow:inset 0 0 0 1px #2b1e11,0 .5rem 1.4rem #0008;color:#ead9ad}
.steel-legacy-site.state-building{--legacy-state:#d2a74e}
.steel-legacy-site.state-operational{--legacy-state:#6f9f72}
.steel-legacy-site.state-closed{--legacy-state:#9d8664;filter:saturate(.82)}
.steel-legacy-site.state-sold{--legacy-state:#74685a;filter:saturate(.62)}
.steel-legacy-site>button{display:grid;grid-template-columns:minmax(15rem,42%) minmax(0,1fr);align-items:stretch;gap:.8rem;width:100%;min-width:0;padding:.5rem;border:1px solid var(--legacy-state);background:#17110de8;color:inherit;text-align:left;cursor:pointer}
.steel-legacy-site>button:hover,.steel-legacy-site>button:focus-visible,.steel-legacy-site.selected>button{outline:2px solid #f1d181;outline-offset:1px;border-color:#f1cf7a}
.steel-legacy-image{display:grid;place-items:end center;min-height:17rem;overflow:hidden;background:radial-gradient(circle at 50% 75%,#604827aa,#19130dcc 63%),url("../assets/visuals/gelaende-ruhrgebiet-1807.png") center/cover}
.steel-legacy-image img{display:block;width:88%;height:88%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 .7rem .55rem #000b)}
.steel-legacy-copy{display:grid;align-content:center;gap:.45rem;min-width:0;padding:1rem}
.steel-legacy-copy small{color:var(--legacy-state);font:800 .72rem/1.2 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.steel-legacy-copy strong{font:700 clamp(1.45rem,2vw,2.35rem)/1.05 var(--font-heading,Georgia,serif);overflow-wrap:anywhere}
.steel-legacy-copy b{width:max-content;max-width:100%;padding:.25rem .45rem;border:1px solid var(--legacy-state);color:var(--legacy-state);font:800 .72rem/1.2 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.steel-legacy-copy em{max-width:52rem;color:#d3c39f;font-size:.95rem;line-height:1.45}
.steel-legacy-facts,.steel-legacy-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.steel-legacy-facts>span,.steel-legacy-projects>span{display:grid;gap:.16rem;min-width:0;padding:.48rem .58rem;border-left:3px solid #66513a;background:#17110d}
.steel-legacy-facts small,.steel-legacy-projects small{color:#b9a98a;font:.66rem/1.25 Arial,sans-serif}
.steel-legacy-facts strong,.steel-legacy-projects b{overflow-wrap:anywhere;color:#ead9ad;font-size:.82rem}
.steel-legacy-projects>span.active{border-color:#d2a74e}.steel-legacy-projects>span.complete{border-color:#6f9f72}
.steel-legacy-site.compact{order:-1;grid-template-columns:minmax(0,1.65fr) minmax(18rem,.8fr);align-items:stretch;padding:.45rem}
.steel-legacy-site.compact>button{grid-template-columns:9rem minmax(0,1fr);gap:.5rem;padding:.35rem}
.steel-legacy-site.compact .steel-legacy-image{min-height:7rem}
.steel-legacy-site.compact .steel-legacy-copy{gap:.22rem;padding:.4rem .55rem}
.steel-legacy-site.compact .steel-legacy-copy strong{font-size:1.15rem}
.steel-legacy-site.compact .steel-legacy-copy em{display:-webkit-box;overflow:hidden;font-size:.76rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.steel-legacy-site.compact .steel-legacy-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.steel-legacy-site.compact .steel-legacy-projects{grid-column:1/-1}

@media(max-width:1100px){
  .steel-legacy-site>button,.steel-legacy-site.compact,.steel-legacy-site.compact>button{grid-template-columns:1fr}
  .steel-legacy-image,.steel-legacy-site.compact .steel-legacy-image{min-height:14rem}
  .steel-legacy-facts,.steel-legacy-projects,.steel-legacy-site.compact .steel-legacy-facts{grid-template-columns:1fr}
}