/* ===== Støt Brysterne – signaturtema (sb-*) ===== */
.sb-wrap{
  /* Palet */
  --ink:#fff7fb;           /* primær tekst */
  --muted:#ffe0ea;         /* sekundær tekst */
  --rose:#ff6fa3;          /* hovedaccent */
  --rose-deep:#ff4a8b;     /* kontrast */
  --petal:#ffd1de;         /* blød rosa */
  --gold:#ffd79e;          /* varm guldglød */

  color:var(--ink);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  position:relative;
  overflow:hidden;

  /* Egen baggrund så editorens hvide ikke slår igennem */
  background:
    radial-gradient(1200px 600px at 70% 0%, #6a2a4b 0%, #4b1b35 55%, #311227 100%),
    radial-gradient(10px 10px at 20% 30%, rgba(255,170,190,.14) 0 50%, transparent 55%) no-repeat,
    radial-gradient(12px 12px at 85% 25%, rgba(255,170,190,.12) 0 50%, transparent 55%) no-repeat,
    radial-gradient(14px 14px at 70% 75%, rgba(255,170,190,.10) 0 50%, transparent 55%) no-repeat;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:16px 18px;
  line-height:1.55;
  box-shadow:0 14px 30px rgba(0,0,0,.35);
}

/* Stor, diskret pink ribbon som vandmærke */
.sb-wrap::before{
  content:"";
  position:absolute; inset:auto -20% -18% -20%; height:70%;
  margin:auto; opacity:.17; filter: blur(.2px);
  background:
    radial-gradient(60% 85% at 50% 35%, var(--rose) 0 32%, transparent 33%) 0 0/100% 100% no-repeat;
  /* “hale” */
  clip-path: path("M50,0 C75,25 75,65 50,90 C25,65 25,25 50,0 Z"); /* understøttes i moderne browsere */
  transform: rotate(-12deg);
  pointer-events:none;
}

/* Små glimt/stjerner */
.sb-wrap::after{
  content:"";
  position:absolute; inset:-20%;
  background:
    radial-gradient(2px 2px at 25% 30%, rgba(255,215,160,.9), transparent 45%),
    radial-gradient(1.8px 1.8px at 60% 22%, rgba(255,215,160,.8), transparent 45%),
    radial-gradient(2.2px 2.2px at 78% 62%, rgba(255,215,160,.75), transparent 45%),
    radial-gradient(1.6px 1.6px at 35% 78%, rgba(255,215,160,.85), transparent 45%);
  opacity:.55; pointer-events:none;
  animation: sb-twinkle 10s linear infinite;
}
@keyframes sb-twinkle{
  0% {transform:translateY(0)} 50% {transform:translateY(6px)} 100% {transform:translateY(0)}
}

/* Titelområde */
.sb-title{
  display:flex; align-items:center; gap:.6rem;
  margin:0 0 6px 0;
  font-weight:800; letter-spacing:.02em; text-transform:uppercase;
  font-size:22px;
}
.sb-gem{
  width:14px; height:14px; border-radius:50%;
  background: radial-gradient(circle at 30% 30%, #fff 0 25%, var(--gold) 26% 60%, #ffb77a 61% 100%);
  box-shadow:0 0 0 6px rgba(255,215,160,.25), 0 0 16px var(--gold);
}

/* Undertitel/intro */
.sb-sub{color:var(--muted); margin:0 0 10px 0; font-weight:600}

/* Separator med små hjerter */
.sb-hr{
  position:relative; height:1px; border:0; margin:8px 0 12px 0;
  background:linear-gradient(90deg,var(--gold),transparent);
}
.sb-hr::before, .sb-hr::after{
  content:"❤"; position:absolute; top:-12px; font-size:14px; line-height:1;
  color:var(--rose); text-shadow:0 0 10px rgba(255,111,163,.55);
}
.sb-hr::before{ left:6px }
.sb-hr::after { left:22px; color:var(--rose-deep) }

/* Paneler/bokse */
.sb-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px; padding:10px 12px; margin:8px 0;
}

/* Liste */
.sb-list{list-style:none; padding-left:0; margin:6px 0 0 0}
.sb-list li{margin:6px 0; padding-left:22px; position:relative}
.sb-list li::before{
  content:""; position:absolute; left:0; top:.3em; width:12px; height:12px;
  background:
    radial-gradient(circle at 30% 35%, var(--petal) 0 45%, transparent 46%),
    radial-gradient(circle at 70% 35%, var(--petal) 0 45%, transparent 46%),
    linear-gradient(135deg, var(--rose) 0 50%, transparent 51% 100%);
  transform: rotate(-45deg);
  border-radius:2px; box-shadow:0 0 10px rgba(255,111,163,.6);
  /* hjerte-bullet */
}

/* Badges / callouts */
.sb-badge{
  display:inline-block; font-size:11px; font-weight:800; letter-spacing:.04em;
  padding:4px 10px; border-radius:999px; color:#3a0d1e;
  background:linear-gradient(180deg,var(--gold),#ffbf84);
  box-shadow:0 0 0 4px rgba(255,215,160,.22);
}

/* Knap & links */
.sb-btn{
  display:inline-block; margin-top:6px; padding:7px 12px; border-radius:999px;
  background:linear-gradient(180deg,var(--rose),var(--rose-deep));
  color:#330b1a; font-weight:850; text-transform:uppercase;
  font-size:12px; text-decoration:none; box-shadow:0 8px 20px rgba(255,111,163,.35);
}
.sb-btn:hover{filter:brightness(1.06)}
.sb-a{color:#fff; border-bottom:1px dotted var(--gold); text-decoration:none}
.sb-a:hover{color:var(--gold)}

.sb-note{margin-top:6px; font-size:12px; color:var(--muted)}
/* Valgfrit billede */
.sb-img{max-width:100%; display:block; border-radius:12px; margin:6px 0}