/*
  v3.3.6 minimal homepage readability fixes
  Scope: homepage hero width and news list readability only.
*/

/* 1) Keep the hero from stretching across very wide screens. */
body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10{
  width:min(1440px, 100%) !important;
  height:520px !important;
  min-height:520px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  grid-template-columns:minmax(0,52%) minmax(0,48%) !important;
  border-left:1px solid var(--cki-line) !important;
  border-right:1px solid var(--cki-line) !important;
}
body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10 .ck-home-hero-v10__media,
body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10 .ck-home-hero-v10__content{
  height:520px !important;
  min-height:520px !important;
}
body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10 .ck-home-hero-v10__content{
  padding:42px 56px !important;
}
body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10 .ck-home-hero-v10__card{
  max-width:580px !important;
}
body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10 .ck-home-hero-v10__card h1{
  font-size:clamp(2.35rem,3vw,2.85rem) !important;
}
body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10 .ck-home-hero-v10__image{
  object-position:center center !important;
}

/* 2) Make news rows easy to scan: date / category / title / arrow. */
body.ck-industrial-2026.ck-page-home .ck-nireco-news{
  padding:72px 0 82px !important;
}
body.ck-industrial-2026.ck-page-home .ck-news{
  width:100% !important;
  max-width:1060px !important;
  margin:0 auto !important;
}
body.ck-industrial-2026.ck-page-home .ck-news li{
  display:block !important;
  min-height:0 !important;
  padding:0 !important;
}
body.ck-industrial-2026.ck-page-home .ck-news a{
  display:grid !important;
  grid-template-columns:140px 105px minmax(0,1fr) 42px !important;
  align-items:center !important;
  gap:22px !important;
  min-height:86px !important;
  padding:0 14px !important;
  transition:background-color .18s ease !important;
}
body.ck-industrial-2026.ck-page-home .ck-news a:hover{
  padding-left:14px !important;
  background:#f3f7f9 !important;
}
body.ck-industrial-2026.ck-page-home .ck-news .date{
  width:auto !important;
  color:var(--cki-blue) !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
}
body.ck-industrial-2026.ck-page-home .ck-news .tag{
  min-width:92px !important;
  min-height:30px !important;
  padding:5px 10px !important;
  color:#fff !important;
  background:var(--cki-blue-dark) !important;
  border:0 !important;
  font-size:12px !important;
  font-weight:750 !important;
}
body.ck-industrial-2026.ck-page-home .ck-news .ttl{
  min-width:0 !important;
  color:var(--cki-ink) !important;
  font-size:16px !important;
  font-weight:750 !important;
  line-height:1.55 !important;
}
body.ck-industrial-2026.ck-page-home .ck-news a::after{
  width:38px !important;
  height:38px !important;
  font-size:18px !important;
}

@media (max-width:1199.98px) and (min-width:768px){
  body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10{
    height:500px !important;
    min-height:500px !important;
    grid-template-columns:minmax(0,52%) minmax(0,48%) !important;
  }
  body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10 .ck-home-hero-v10__media,
  body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10 .ck-home-hero-v10__content{
    height:500px !important;
    min-height:500px !important;
  }
  body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10 .ck-home-hero-v10__content{
    padding:34px 38px !important;
  }
  body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10 .ck-home-hero-v10__card h1{
    font-size:clamp(2rem,3.4vw,2.55rem) !important;
  }
}

@media (max-width:767.98px){
  body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    border-left:0 !important;
    border-right:0 !important;
  }
  body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10 .ck-home-hero-v10__media{
    height:250px !important;
    min-height:250px !important;
  }
  body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10 .ck-home-hero-v10__content{
    height:auto !important;
    min-height:0 !important;
    padding:32px 20px 38px !important;
  }
  body.ck-industrial-2026.ck-page-home .ck-nireco-news{
    padding:56px 0 64px !important;
  }
  body.ck-industrial-2026.ck-page-home .ck-news a{
    grid-template-columns:94px 84px 36px !important;
    grid-template-rows:auto auto !important;
    gap:8px 10px !important;
    min-height:102px !important;
    padding:14px 6px !important;
  }
  body.ck-industrial-2026.ck-page-home .ck-news a:hover{
    padding-left:6px !important;
  }
  body.ck-industrial-2026.ck-page-home .ck-news .date{
    grid-column:1 !important;
    grid-row:1 !important;
    font-size:11px !important;
  }
  body.ck-industrial-2026.ck-page-home .ck-news .tag{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:78px !important;
    min-height:26px !important;
    font-size:10px !important;
  }
  body.ck-industrial-2026.ck-page-home .ck-news .ttl{
    grid-column:1 / 4 !important;
    grid-row:2 !important;
    padding:2px 0 0 !important;
    font-size:15px !important;
  }
  body.ck-industrial-2026.ck-page-home .ck-news a::after{
    grid-column:3 !important;
    grid-row:1 !important;
    width:34px !important;
    height:34px !important;
  }
}

@media (max-width:420px){
  body.ck-industrial-2026.ck-page-home section.ck-home-hero-v10 .ck-home-hero-v10__media{
    height:220px !important;
    min-height:220px !important;
  }
}