/* Infrastructure projects (shared/infrastructure.mjs). Only what the live styles do not already cover:
   headings, text, buttons and section backgrounds come from styles.css / editorial.css / home.css. */

/* Home page: the live "equipment-story" composition with the text first. */
.equipment-story--text-first{grid-template-columns:1fr 1.2fr}
.equipment-story--text-first .btn{margin-top:6px}

/* First-version Ukrainian home pages (styles.css): the "classic" variant. */
.infra-home{background:var(--surface)}
.infra-home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:center}
.infra-home h2{margin:0 0 14px}
.infra-industries{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:10px}
.infra-industries li{position:relative;padding-left:26px;font-size:16px;line-height:1.55;color:var(--text)}
.infra-industries li::before{content:'';position:absolute;left:2px;top:7px;width:9px;height:9px;border-right:2.5px solid var(--green);border-top:2.5px solid var(--green);transform:rotate(45deg)}
@media(max-width:900px){.infra-home-grid{grid-template-columns:minmax(0,1fr)}}

/* Landing page */
.infra-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,90px);align-items:start}
.infra-grid--single{grid-template-columns:minmax(0,1fr)}
.infra-section h2{margin:0 0 28px;max-width:820px}
.infra-lead{margin:0 0 22px;max-width:720px;font-size:16px;line-height:1.8;color:var(--muted)}
.infra-list{margin:0 0 26px;padding-left:1.15em;max-width:720px}
.infra-list li{margin:0 0 6px;font-size:15px;line-height:1.7;color:var(--text)}
.infra-note{margin:0;font-size:14px;line-height:1.7;color:var(--muted)}
/* Photos are shown whole (never cropped) and never enlarged beyond their own size: the originals are small. */
.infra-figure{margin:0;min-width:0}
.infra-figure img{display:block;width:100%;max-width:var(--w,100%);height:auto;background:#fff}
.infra-figure figcaption{margin-top:9px;font-size:12px;line-height:1.55;color:var(--muted)}
.infra-gallery{columns:3 250px;column-gap:28px;margin-top:48px}
.infra-gallery .infra-figure{display:inline-block;width:100%;margin:0 0 28px;break-inside:avoid;vertical-align:top}
.infra-projects{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid var(--line)}
.infra-projects li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:6px 32px;padding:15px 0;border-bottom:1px solid var(--line)}
.infra-p-head b{display:block;font-size:15px;font-weight:500;color:var(--ink)}
.infra-p-head span{display:block;margin-top:2px;font-size:13px;color:var(--muted)}
.infra-projects p{margin:0;font-size:14px;line-height:1.65;color:var(--text)}
.infra-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.infra-source p{margin:0;font-size:13px;color:var(--muted)}
@media(max-width:900px){
 .infra-grid{grid-template-columns:minmax(0,1fr)}
 .infra-projects li{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){.equipment-story--text-first{grid-template-columns:1fr}}
@media print{.infra-actions{display:none}}