



/* === FORCE 'Historie' look (theme override safe) === */
.ns-sup-wrap{max-width:1040px;margin:0 auto;padding:18px 14px 26px;}
.ns-sup-hero{
  display:block !important;
  margin:0 0 16px !important;
  padding:18px 18px 16px !important;
  border-radius:18px !important;
  background: rgba(12,15,24,.72) !important;
  border:1px solid rgba(0,229,255,.25) !important;
  box-shadow: 0 0 0 1px rgba(0,229,255,.06) inset !important;
  position:relative !important;
  overflow:hidden !important;
}
.ns-sup-hero__img{
  margin: 0 0 14px !important;
  border-radius: 16px !important;
  overflow:hidden !important;
  border:1px solid rgba(0,229,255,.18) !important;
  max-height: 260px !important;
}
.ns-sup-hero__img img{
  width:100% !important;
  height:260px !important;
  object-fit:cover !important;
  object-position:50% 50% !important;
  display:block !important;
}
.ns-sup-hero__ttl{
  margin:0 0 10px !important;
  font-size:24px !important;
  color: rgba(255,255,255,.96) !important;
}
.ns-sup-hero__desc{
  color: rgba(255,255,255,.92) !important;
  font-size:15.5px !important;
  line-height:1.75 !important;
}
.ns-sup-list{display:flex !important;flex-direction:column !important;gap:12px !important;}

.ns-sup-card{
  display:grid !important;
  grid-template-columns: 192px 1fr !important;
  column-gap: 22px !important;
  align-items:center !important;
  padding:22px 26px !important;
  border-radius:18px !important;
  background: rgba(12,15,24,.72) !important;
  border:1px solid rgba(0,229,255,.25) !important;
  box-shadow: 0 0 0 1px rgba(0,229,255,.06) inset !important;
  position:relative !important;
  overflow:hidden !important;
}
.ns-sup-card__photo{
  width:192px !important;
  height:192px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  justify-self:center !important;
  border:1px solid rgba(0,229,255,.22) !important;
  background: rgba(0,0,0,.35) !important;
}
.ns-sup-card__photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:50% 50% !important;
  display:block !important;
}
.ns-sup-card__body{min-width:0 !important;}
.ns-sup-card__ttl{margin:0 0 8px !important;font-size:18px !important;color: rgba(255,255,255,.96) !important;}
.ns-sup-card__text{color: rgba(255,255,255,.72) !important;font-size:15.3px !important;line-height:1.7 !important;}

@media (max-width: 640px){
  .ns-sup-hero{padding:16px !important;}
  .ns-sup-hero__img{max-height:180px !important;}
  .ns-sup-hero__img img{height:180px !important;}
  .ns-sup-card{
    grid-template-columns: 1fr !important;
    padding:16px !important;
    row-gap:14px !important;
    align-items:start !important;
  }
  .ns-sup-card__photo{
    width:144px !important;
    height:144px !important;
    justify-self:start !important;
  }
}
