/* Vorschau: CRM-Kommunikation & Emmy */
.bss-copy-communication {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  max-width: 850px;
  margin: 28px auto 38px;
  padding: 23px 25px;
  border: 1px solid var(--brand-border, #dfe3e5);
  border-radius: 18px;
  background: linear-gradient(130deg, #f8f9fa 0%, #ffffff 100%);
  box-shadow: 0 8px 24px rgba(39, 47, 53, .055);
}

.bss-copy-icon {
  display: grid;
  grid-template-columns: repeat(2, 9px);
  grid-template-rows: repeat(2, 9px);
  gap: 4px;
  width: 39px;
  height: 39px;
  padding: 8px;
  border-radius: 11px;
  background: #313a41;
}

.bss-copy-icon span {
  display: block;
  border-radius: 3px;
  background: rgba(255, 255, 255, .94);
}

.bss-copy-icon span:last-child {
  grid-column: span 2;
  width: 13px;
  justify-self: center;
}

.bss-copy-eyebrow {
  margin: 0 0 4px !important;
  color: var(--brand-primary, #4d5d68) !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  letter-spacing: .16em;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

.bss-copy-communication h3 {
  margin: 0 0 7px;
  color: var(--brand-ink, #20272c);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.15;
}

.bss-copy-communication > div > p:last-child {
  margin: 0 !important;
  color: var(--brand-muted, #647079) !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

[data-testid="emmy-preview"] {
  position: relative;
  border-color: rgba(75, 91, 101, .32) !important;
  box-shadow: 0 8px 24px rgba(39, 47, 53, .055);
}

[data-testid="emmy-preview"] h3 {
  line-height: 1.25;
}

@media (max-width: 640px) {
  .bss-copy-communication {
    gap: 14px;
    margin: 22px auto 30px;
    padding: 19px;
    border-radius: 15px;
  }

  .bss-copy-communication h3 {
    font-size: 21px;
  }

  .bss-copy-communication > div > p:last-child {
    font-size: 13px !important;
  }
}