/* ============================================================
   industry.css — Iparág oldalak (brief §8 template).
   Reusable skeleton for all 8 industries; only the fill changes.
   Extends styles.css / knowledge.css / home.css; baseline untouched.
   ============================================================ */

/* ---- hero: self-identification (copy left, representative image right) ---- */
.ind-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:28px 0 4px;}
.ind-hero .page-head{padding-top:0;max-width:none;}
.ind-hero-cta{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;}
.ind-hero-visual{position:relative;}
.ind-hero-visual image-slot,
.ind-hero-visual img{
  display:block;width:100%;height:400px;object-fit:cover;
  border-radius:var(--radius);border:1px solid var(--line);background:#EDF1F4;
}

/* ---- "Tipikus helyzetek" checklist ---- */
.sit-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:13px 30px;}
.sit-list li{position:relative;padding-left:26px;font-size:16px;color:var(--ink);line-height:1.5;text-wrap:pretty;}
.sit-list li::before{content:"";position:absolute;left:4px;top:12px;width:9px;height:1.6px;background:var(--accent);}

/* hazards table is reused from knowledge.css (.kc-table); constrain width for reading */
.haz-table-wrap{max-width:960px;}

@media (max-width:900px){
  .ind-hero{grid-template-columns:1fr;gap:28px;}
  .ind-hero-visual img,.ind-hero-visual image-slot{height:300px;}
  .sit-list{grid-template-columns:1fr;}
}