/* v318: Premium-Erweiterung für Audit Readiness, Fallstrick-Erkennung und Hersteller-Audit-Begleitung */

.sampro-topic-v318__audit-section{
  padding-top:36px !important;
  padding-bottom:74px !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(216,162,49,.10) 0%, rgba(216,162,49,0) 31%),
    linear-gradient(180deg,#ffffff 0%,#f6f9fc 100%) !important;
  border-top:1px solid rgba(220,230,241,.9) !important;
  border-bottom:1px solid rgba(220,230,241,.9) !important;
}

.sampro-topic-v318__audit-panel{
  position:relative !important;
  overflow:hidden !important;
  padding:34px !important;
  border-radius:32px !important;
  border:1px solid rgba(210,224,238,.98) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(216,162,49,.12) 0%, rgba(216,162,49,0) 32%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  box-shadow:0 22px 48px rgba(6,38,83,.085), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.sampro-topic-v318__audit-panel::before{
  content:"" !important;
  position:absolute !important;
  right:-110px !important;
  top:-130px !important;
  width:340px !important;
  height:340px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(11,57,116,.11) 0%, rgba(11,57,116,0) 70%) !important;
  pointer-events:none !important;
}

.sampro-topic-v318__audit-head{
  position:relative !important;
  z-index:1 !important;
  max-width:940px !important;
  margin-bottom:26px !important;
}

.sampro-topic-v318__audit-head h2{
  margin:0 0 12px !important;
  color:#062653 !important;
  font-size:clamp(28px,2.35vw,40px) !important;
  line-height:1.12 !important;
  letter-spacing:-.03em !important;
}

.sampro-topic-v318__audit-head > p:not(.sampro-topic-v271__eyebrow){
  margin:0 !important;
  color:#405872 !important;
  font-size:17px !important;
  line-height:1.62 !important;
}

.sampro-topic-v318__audit-content{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr) !important;
  gap:24px !important;
  align-items:stretch !important;
}

.sampro-topic-v318__audit-column{
  position:relative !important;
  border-radius:26px !important;
  padding:24px !important;
  border:1px solid rgba(210,224,238,.98) !important;
  box-shadow:0 16px 34px rgba(6,38,83,.06) !important;
}

.sampro-topic-v318__audit-column--pitfalls{
  background:
    radial-gradient(circle at 100% 0%, rgba(216,162,49,.10) 0%, rgba(216,162,49,0) 33%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}

.sampro-topic-v318__audit-column--support{
  background:
    radial-gradient(circle at 18% 10%, rgba(240,197,94,.15) 0%, rgba(240,197,94,0) 32%),
    linear-gradient(135deg,#062653 0%,#0b3f84 64%,#05295a 100%) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 20px 42px rgba(6,38,83,.16) !important;
}

.sampro-topic-v318__audit-column h3{
  margin:0 0 18px !important;
  font-size:clamp(20px,1.35vw,26px) !important;
  line-height:1.16 !important;
  letter-spacing:-.02em !important;
}

.sampro-topic-v318__audit-column--pitfalls h3{
  color:#062653 !important;
}

.sampro-topic-v318__audit-column--support h3{
  color:#ffffff !important;
}

.sampro-topic-v318__pitfall-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}

.sampro-topic-v318__pitfall-grid div{
  position:relative !important;
  min-height:116px !important;
  padding:16px 16px 15px !important;
  border-radius:18px !important;
  border:1px solid rgba(214,225,237,.96) !important;
  background:#ffffff !important;
  box-shadow:0 10px 22px rgba(6,38,83,.04) !important;
}

.sampro-topic-v318__pitfall-grid div::before{
  content:"" !important;
  position:absolute !important;
  left:16px !important;
  top:0 !important;
  width:70px !important;
  height:3px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#d9a62d 0%,rgba(217,166,45,0) 100%) !important;
}

.sampro-topic-v318__pitfall-grid strong{
  display:block !important;
  color:#123864 !important;
  font-size:15.5px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
}

.sampro-topic-v318__pitfall-grid span{
  display:block !important;
  margin-top:7px !important;
  color:#506783 !important;
  font-size:13.8px !important;
  line-height:1.46 !important;
}

.sampro-topic-v318__support-steps{
  display:grid !important;
  gap:12px !important;
}

.sampro-topic-v318__support-steps div{
  position:relative !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  grid-template-areas:"nr title" "nr text" !important;
  column-gap:14px !important;
  padding:15px 16px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.sampro-topic-v318__support-steps div:not(:last-child)::after{
  content:"" !important;
  position:absolute !important;
  left:36px !important;
  bottom:-13px !important;
  width:1px !important;
  height:13px !important;
  background:rgba(240,197,94,.55) !important;
}

.sampro-topic-v318__support-steps small{
  grid-area:nr !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  color:#062653 !important;
  background:#f0c55e !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
}

.sampro-topic-v318__support-steps strong{
  grid-area:title !important;
  color:#ffffff !important;
  font-size:15.5px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
}

.sampro-topic-v318__support-steps span{
  grid-area:text !important;
  display:block !important;
  margin-top:5px !important;
  color:rgba(255,255,255,.80) !important;
  font-size:13.5px !important;
  line-height:1.42 !important;
}

.sampro-topic-v318__audit-outcome{
  position:relative !important;
  z-index:1 !important;
  margin:24px 0 0 !important;
  padding:18px 22px !important;
  border-radius:20px !important;
  color:#062653 !important;
  background:linear-gradient(180deg,#fff8e8 0%,#f3d37e 100%) !important;
  border:1px solid rgba(240,197,94,.52) !important;
  box-shadow:0 14px 28px rgba(6,38,83,.06) !important;
  font-size:16px !important;
  line-height:1.5 !important;
  font-weight:800 !important;
}

@media (max-width:1180px){
  .sampro-topic-v318__audit-content{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:820px){
  .sampro-topic-v318__pitfall-grid{
    grid-template-columns:1fr !important;
  }
  .sampro-topic-v318__audit-panel{
    padding:24px !important;
    border-radius:26px !important;
  }
}

@media (max-width:720px){
  .sampro-topic-v318__audit-head h2{
    font-size:clamp(26px,7vw,34px) !important;
  }
  .sampro-topic-v318__audit-column{
    padding:20px !important;
    border-radius:22px !important;
  }
  .sampro-topic-v318__support-steps div{
    grid-template-columns:36px minmax(0,1fr) !important;
    padding:14px !important;
  }
  .sampro-topic-v318__support-steps small{
    width:34px !important;
    height:34px !important;
  }
}