/* v291: Premium-Refinement für Fokus- und Ergebnisbereich
   - Fokus-Karten mit subtileren Premium-Icon-Badges
   - Ergebnisbereich klarer vom Fokus-Bereich abgesetzt
   - rechte Ergebnis-Karten als hochwertige Checklisten-Rows statt dominanter Rund-Piktogramme
   - robustere Textführung in Karten */

.sampro-topic-v271__overview-panel{
  padding:34px 28px 30px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(11,79,163,.045) 0%, rgba(11,79,163,0) 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
}

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

.sampro-topic-v271__focus-card{
  min-height:172px!important;
  padding:20px 18px 18px!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.96) 0%, rgba(255,255,255,0) 42%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  border:1px solid #dce6f1!important;
  box-shadow:0 12px 30px rgba(6,38,83,.055)!important;
  overflow:hidden!important;
}

.sampro-topic-v271__focus-card::before{
  left:16px!important;
  width:72px!important;
}

.sampro-topic-v271__focus-card > div:last-child{
  min-width:0!important;
}

.sampro-topic-v271__focus-icon{
  width:52px!important;
  height:52px!important;
  padding:11px!important;
  border-radius:16px!important;
  color:#0c3366!important;
  background:
    linear-gradient(180deg,#ffffff 0%,#f4f8fd 100%)!important;
  border:1px solid #d8e3ef!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 8px 18px rgba(6,38,83,.08)!important;
}

.sampro-topic-v271__focus-card:nth-child(2n) .sampro-topic-v271__focus-icon,
.sampro-topic-v271__focus-card:nth-child(5n) .sampro-topic-v271__focus-icon,
.sampro-topic-v271__focus-card:nth-child(7n) .sampro-topic-v271__focus-icon{
  color:#c89220!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fff7e6 100%)!important;
  border-color:#efdba0!important;
}

.sampro-topic-v271__focus-card h4{
  margin:0 0 6px!important;
  font-size:clamp(15.2px,.92vw,18px)!important;
  line-height:1.17!important;
  letter-spacing:-.012em!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

.sampro-topic-v271__focus-card p{
  margin:0!important;
  font-size:14px!important;
  line-height:1.46!important;
  color:#435a74!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

.sampro-topic-v271__focus-card:nth-child(1) h4,
.sampro-topic-v271__focus-card:nth-child(4) h4,
.sampro-topic-v271__focus-card:nth-child(6) h4,
.sampro-topic-v271__focus-card:nth-child(8) h4{
  font-size:clamp(14.6px,.89vw,17.4px)!important;
}

.sampro-topic-v271__result-html{
  margin-top:24px!important;
  gap:20px!important;
  padding:22px!important;
  border-radius:34px!important;
  border:1px solid #d8e4ef!important;
  background:
    radial-gradient(circle at 0% 0%, rgba(217,166,45,.08) 0%, rgba(217,166,45,0) 24%),
    radial-gradient(circle at 100% 0%, rgba(11,79,163,.07) 0%, rgba(11,79,163,0) 28%),
    linear-gradient(180deg,#f4f8fc 0%,#eef5fb 100%)!important;
  box-shadow:0 20px 42px rgba(6,38,83,.08)!important;
}

.sampro-topic-v271__result-card--lead{
  border-radius:30px!important;
  padding:34px 32px 30px!important;
  min-height:100%!important;
}

.sampro-topic-v271__result-card--lead h3{
  font-size:clamp(26px,1.95vw,44px)!important;
  line-height:1.08!important;
  max-width:480px!important;
}

.sampro-topic-v271__result-card--lead p:last-child{
  font-size:15.8px!important;
  line-height:1.56!important;
  max-width:560px!important;
}

.sampro-topic-v271__result-card--grid{
  align-items:flex-start!important;
}

.sampro-topic-v271__result-cards{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  counter-reset: sampro-result-checklist;
}

.sampro-topic-v271__result-mini-card{
  position:relative!important;
  min-height:0!important;
  padding:17px 64px 17px 20px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  border-radius:22px!important;
  border:1px solid #dbe6f1!important;
  background:
    linear-gradient(180deg,#ffffff 0%,#fcfdff 100%)!important;
  box-shadow:0 12px 24px rgba(6,38,83,.055)!important;
  overflow:hidden!important;
  counter-increment:sampro-result-checklist;
}

.sampro-topic-v271__result-mini-card::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:16px!important;
  bottom:16px!important;
  width:4px!important;
  border-radius:0 999px 999px 0!important;
  background:linear-gradient(180deg,#d9a62d 0%,#f1cf73 100%)!important;
}

.sampro-topic-v271__result-mini-card::after{
  content:"✓"!important;
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fafc 100%)!important;
  border:1px solid #d9e3ef!important;
  color:#c89220!important;
  font-size:15px!important;
  font-weight:700!important;
  box-shadow:0 6px 14px rgba(6,38,83,.08)!important;
}

.sampro-topic-v271__result-icon{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  padding:10px!important;
  border-radius:14px!important;
  color:#0b2f63!important;
  background:linear-gradient(180deg,#ffffff 0%,#f4f8fd 100%)!important;
  border:1px solid #d8e3ef!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 8px 16px rgba(6,38,83,.075)!important;
}

.sampro-topic-v271__result-mini-card:nth-child(2) .sampro-topic-v271__result-icon,
.sampro-topic-v271__result-mini-card:nth-child(4) .sampro-topic-v271__result-icon{
  color:#c89220!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fff7e6 100%)!important;
  border-color:#efdba0!important;
}

.sampro-topic-v271__result-mini-card:nth-child(3) .sampro-topic-v271__result-icon{
  color:#ffffff!important;
  background:linear-gradient(180deg,#dfae37 0%,#c7911d 100%)!important;
  border-color:transparent!important;
}

.sampro-topic-v271__result-mini-card h4{
  margin:0 0 4px!important;
  font-size:clamp(16px,.96vw,19px)!important;
  line-height:1.2!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

.sampro-topic-v271__result-mini-card p{
  margin:0!important;
  font-size:14.2px!important;
  line-height:1.45!important;
  color:#435a74!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

@media(max-width:1180px){
  .sampro-topic-v271__focus-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sampro-topic-v271__focus-card{
    min-height:156px!important;
  }
}

@media(max-width:980px){
  .sampro-topic-v271__result-html{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:720px){
  .sampro-topic-v271__focus-grid,
  .sampro-topic-v271__result-cards{
    grid-template-columns:1fr!important;
  }

  .sampro-topic-v271__focus-card{
    min-height:0!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:14px!important;
    padding:17px 16px!important;
  }

  .sampro-topic-v271__focus-icon{
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
  }

  .sampro-topic-v271__result-html,
  .sampro-topic-v271__result-card--lead{
    padding:20px 18px!important;
  }

  .sampro-topic-v271__result-mini-card{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:14px!important;
    padding:16px 54px 16px 16px!important;
  }

  .sampro-topic-v271__result-icon{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }
}