/* Native 4K desktop. */
@media (min-width: 3000px) {
  .module-buildings .view-stage[data-view="buildings"] {
    padding: 20px;
  }

  .ref-buildings-page .ref-workspace-grid {
    grid-template-columns: minmax(0, 1fr) minmax(760px, 900px);
    gap: 26px;
  }

  .ref-buildings-page .ref-workspace-main {
    gap: 21px;
  }

  .buildings-command-summary {
    grid-template-columns: minmax(560px, .82fr) minmax(980px, 1.18fr);
    gap: 28px;
    padding: 25px 29px;
    border-radius: 18px;
  }

  .buildings-command-summary h1 {
    font-size: clamp(56px, 2vw, 76px);
  }

  .buildings-command-summary p {
    font-size: 18px;
  }

  .buildings-summary-grid {
    gap: 14px;
  }

  .buildings-summary-grid article {
    min-height: 86px;
    padding: 17px 19px;
    border-radius: 13px;
  }

  .buildings-summary-grid span {
    font-size: 13px;
  }

  .buildings-summary-grid strong {
    font-size: 28px;
  }

  .ref-buildings-resource-bar {
    gap: 14px;
  }

  .ref-buildings-resource-bar .ref-resource-chip {
    min-height: 88px;
    padding: 15px 17px;
    border-radius: 14px;
  }

  .ref-buildings-resource-bar .ref-resource-chip small {
    font-size: 11px;
  }

  .ref-buildings-resource-bar .ref-resource-chip strong {
    font-size: 29px;
  }

  .ref-buildings-resource-bar .ref-resource-chip em {
    font-size: 14px;
  }

  .module-buildings .ref-building-inspector {
    gap: 16px;
    padding: 24px;
    border-radius: 18px;
  }

  .module-buildings .ref-building-inspector .ref-city-inspector-art {
    height: 240px;
    border-radius: 15px;
  }

  .module-buildings .ref-building-inspector .ref-inspector-head h2 {
    font-size: clamp(50px, 1.7vw, 68px);
  }

  .module-buildings .ref-building-inspector .ref-level-label {
    font-size: 17px;
  }

  .module-buildings .ref-building-inspector .ref-inspector-head p {
    font-size: 18px;
  }

  .module-buildings .ref-building-inspector .ref-inspector-block {
    padding: 20px;
    border-radius: 13px;
  }

  .module-buildings .ref-building-inspector .ref-inspector-block > span {
    font-size: 12px;
  }

  .module-buildings .ref-building-inspector .ref-inspector-block > strong {
    font-size: 21px;
  }

  .module-buildings .ref-building-inspector .ref-inspector-block > small,
  .module-buildings .ref-building-inspector .ref-inspector-block ul,
  .module-buildings .ref-building-inspector .ref-cost-row {
    font-size: 15px;
  }

  .module-buildings .city-operation-mode-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 11px;
  }

  .module-buildings .city-operation-mode-grid button {
    min-height: 74px;
    padding: 13px 15px;
    border-radius: 11px;
  }

  .module-buildings .city-operation-mode-grid button strong {
    font-size: 16px;
  }

  .module-buildings .city-operation-mode-grid button small {
    font-size: 12px;
  }

  .module-buildings .ref-primary-button,
  .module-buildings .ref-secondary-button {
    min-height: 52px;
    font-size: 15px;
  }
}

/* UI hotfix: more list space, less redundant chrome. */
.ref-buildings-page .ref-workspace-main {
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
}

.buildings-command-summary {
  grid-template-columns: minmax(250px, .62fr) minmax(0, 1.38fr);
  gap: 12px;
  min-height: 0;
  padding: 10px 12px;
  border-radius: 11px;
}

.buildings-command-summary h1 {
  margin: 3px 0 4px;
  font-size: clamp(27px, 1.8vw, 36px);
}

.buildings-command-summary p {
  font-size: 11px;
  line-height: 1.35;
}

.buildings-summary-grid {
  gap: 6px;
}

.buildings-summary-grid article {
  min-height: 46px;
  padding: 7px 9px;
  border-radius: 8px;
}

.buildings-summary-grid span {
  font-size: 8px;
}

.buildings-summary-grid strong {
  margin-top: 4px;
  font-size: 15px;
}

@media (min-width: 2200px) {
  .module-buildings .view-stage[data-view="buildings"] {
    padding: 12px;
  }

  .ref-buildings-page .ref-workspace-main {
    gap: 12px;
  }

  .buildings-command-summary {
    grid-template-columns: minmax(360px, .62fr) minmax(0, 1.38fr);
    gap: 16px;
    padding: 13px 15px;
  }

  .buildings-command-summary h1 {
    font-size: clamp(32px, 1.35vw, 42px);
  }

  .buildings-command-summary p {
    font-size: 13px;
  }

  .buildings-summary-grid article {
    min-height: 54px;
    padding: 9px 11px;
  }

  .buildings-summary-grid span {
    font-size: 9px;
  }

  .buildings-summary-grid strong {
    font-size: 18px;
  }
}

@media (min-width: 3000px) {
  .module-buildings .view-stage[data-view="buildings"] {
    padding: 16px;
  }

  .buildings-command-summary {
    padding: 16px 18px;
  }

  .buildings-command-summary h1 {
    font-size: 46px;
  }

  .buildings-command-summary p {
    font-size: 15px;
  }

  .buildings-summary-grid article {
    min-height: 62px;
    padding: 11px 13px;
  }

  .buildings-summary-grid span {
    font-size: 10px;
  }

  .buildings-summary-grid strong {
    font-size: 21px;
  }
}

@media (max-width: 1280px) {
  .buildings-command-summary {
    grid-template-columns: 1fr;
  }

  .buildings-summary-grid {
    grid-template-columns: repeat(5, minmax(80px, 1fr));
  }
}

@media (max-width: 760px) {
  .buildings-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* foundation overhaul: guided start, build catalog and operations are separate workspaces. */
.ref-buildings-page{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;height:100%;min-height:0}
.buildings-command-summary-compact{grid-template-columns:minmax(300px,.72fr) minmax(560px,1.28fr);padding:12px 15px}
.buildings-command-summary-compact h1{font-size:clamp(28px,2vw,38px);margin:3px 0 5px}
.buildings-command-summary-compact p{font-size:12px}
.buildings-workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border:1px solid rgba(94,203,255,.14);border-radius:12px;background:rgba(4,14,25,.88)}
.buildings-workspace-tabs button{display:grid;gap:3px;min-height:54px;padding:9px 12px;border:1px solid transparent;border-radius:9px;background:rgba(8,24,39,.72);color:#8fa8bb;text-align:left;cursor:pointer}
.buildings-workspace-tabs button strong,.buildings-workspace-tabs button small{display:block}.buildings-workspace-tabs button strong{font-size:13px}.buildings-workspace-tabs button small{font-size:10px;color:#7892a6}.buildings-workspace-tabs button.active{border-color:rgba(80,205,255,.48);background:linear-gradient(135deg,rgba(24,94,130,.38),rgba(8,30,48,.92));color:#eff9ff}.buildings-workspace-tabs button.active small{color:#9dc9df}
.buildings-rethink-grid{min-height:0}.buildings-rethink-main{min-height:0;overflow:auto;padding-right:3px;scrollbar-gutter:stable}
.foundation-guide,.build-catalog{display:grid;gap:14px;min-height:0;padding:16px;border:1px solid rgba(94,203,255,.16);border-radius:13px;background:linear-gradient(145deg,rgba(7,22,37,.94),rgba(4,13,23,.94))}
.foundation-guide>header,.build-catalog>header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.foundation-guide>header h2,.build-catalog>header h2{margin:3px 0 5px;font-size:24px}.foundation-guide>header p,.build-catalog>header p{max-width:850px;margin:0;color:#9bb1c2;font-size:12px;line-height:1.5}.foundation-guide>header>strong{font-size:28px;color:#75d9ff}
.foundation-guide-focus{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:16px;min-height:260px;padding:14px;border:1px solid rgba(94,203,255,.15);border-radius:12px;background:rgba(3,13,23,.62)}.foundation-guide-art{min-height:230px;overflow:hidden;border-radius:10px;background:#071421}.foundation-guide-art picture,.foundation-guide-art img{width:100%;height:100%;object-fit:cover}.foundation-guide-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.foundation-guide-copy h3{margin:5px 0 8px;font-size:23px}.foundation-guide-copy p{margin:0 0 13px;color:#a8bdca;line-height:1.55}.foundation-impact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin-bottom:14px}.foundation-impact-grid span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px;background:rgba(3,12,20,.7)}.foundation-impact-grid small{color:#8099ad}.foundation-impact-grid strong{font-size:13px}
.foundation-step-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px}.foundation-step-list article{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-height:54px;padding:9px 10px;border:1px solid rgba(94,203,255,.1);border-radius:9px;background:rgba(3,13,22,.55)}.foundation-step-list i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(76,153,196,.14);color:#72c9eb;font-style:normal}.foundation-step-list strong,.foundation-step-list small{display:block}.foundation-step-list strong{font-size:11px}.foundation-step-list small{margin-top:2px;color:#718ba0;font-size:9px}.foundation-step-list article.complete{border-color:rgba(77,221,172,.18)}.foundation-step-list article.complete i{background:rgba(54,192,145,.18);color:#68ddb5}.foundation-step-list article.current{border-color:rgba(246,178,76,.38);background:rgba(90,57,18,.26)}.foundation-step-list article.current i{background:rgba(246,178,76,.18);color:#ffd086}
.foundation-stability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.foundation-stability-grid article{padding:10px 11px;border:1px solid rgba(94,203,255,.11);border-radius:9px;background:rgba(3,13,22,.58)}.foundation-stability-grid span,.foundation-stability-grid strong,.foundation-stability-grid small{display:block}.foundation-stability-grid span{color:#7d98ad;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.foundation-stability-grid strong{margin-top:5px;font-size:16px}.foundation-stability-grid small{margin-top:3px;color:#71899b;font-size:9px}.foundation-stability-grid article.ok{border-color:rgba(68,213,167,.2)}.foundation-stability-grid article.ok strong{color:#63deb5}.foundation-stability-grid article.warn{border-color:rgba(246,178,76,.2)}.foundation-stability-grid article.warn strong{color:#efbd6b}.foundation-support-note{color:#83a1b5;line-height:1.45}
.build-catalog-groups{display:grid;gap:14px}.build-catalog-groups>section{display:grid;gap:8px}.build-catalog-groups>section>header{display:flex;align-items:center;justify-content:space-between}.build-catalog-groups>section>header strong{font-size:14px}.build-catalog-groups>section>header small{color:#7891a5}.build-catalog-groups>section>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.build-catalog-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:11px;min-height:112px;padding:9px;border:1px solid rgba(94,203,255,.12);border-radius:10px;background:rgba(4,15,25,.68);color:#d8eaf5;text-align:left;cursor:pointer}.build-catalog-card>div{overflow:hidden;border-radius:8px;background:#071421}.build-catalog-card img,.build-catalog-card picture{width:100%;height:100%;object-fit:cover}.build-catalog-card strong,.build-catalog-card small,.build-catalog-card p,.build-catalog-card em{display:block}.build-catalog-card strong{font-size:13px}.build-catalog-card small{margin-top:2px;color:#87a1b5;font-size:10px}.build-catalog-card p{margin:7px 0 5px;color:#a8becd;font-size:10px;line-height:1.4}.build-catalog-card em{color:#7e9aad;font-size:9px;font-style:normal;line-height:1.35}.build-catalog-card:hover,.build-catalog-card.active{border-color:rgba(79,202,255,.46);background:rgba(13,51,72,.58)}
@media(max-width:1450px){.buildings-command-summary-compact{grid-template-columns:1fr}.foundation-stability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-guide-focus{grid-template-columns:1fr}.foundation-guide-art{max-height:260px}.build-catalog-groups>section>div{grid-template-columns:1fr}}
@media(max-width:1100px){.ref-buildings-page{height:auto}.buildings-workspace-tabs{grid-template-columns:1fr}.foundation-stability-grid,.foundation-impact-grid{grid-template-columns:1fr}.buildings-rethink-main{overflow:visible}}