.story-card-unicorn {
  background:
    radial-gradient(ellipse at 6% 10%, rgba(67, 185, 207, .25), transparent 60%),
    linear-gradient(125deg, #123b65, #24496a 45%, #542c72);
  border-color: rgba(140, 222, 230, .6);
}
.story-card-unicorn .little-story-reader {
  background: linear-gradient(150deg, #f2fcff, #fff9e9);
}
.unicorn-story-portrait {
  width: 100%;
  min-height: 0;
  padding: 1.4rem .25rem 3.75rem;
  background:
    radial-gradient(ellipse at 50% 50%, #fff9d5, #bde9ee 62%, transparent 76%),
    linear-gradient(135deg, #cceeff, #f3e4f9);
}
.unicorn-story-portrait .onion-fear-image-wrap { width: 100%; }
.unicorn-story-portrait figcaption {
  font-size: clamp(1rem, 3vw, 1.3rem);
  bottom: 1.1rem;
}
.recorded-story-player { gap: 1rem; }
.recorded-story-player .story-listen-button {
  width: min(100%, 400px);
  min-width: 0;
  cursor: pointer;
  background: radial-gradient(circle at 16% 20%, rgba(208, 246, 255, .35), transparent 40%), linear-gradient(135deg, #22628b, #4762a6 55%, #82559d);
}
.recorded-story-player .story-listen-copy small {
  font-size: .875rem;
  letter-spacing: 0;
}
.recorded-story-player audio { display: none; }
.recorded-story-player .recorded-story-note,
.recorded-story-player .recorded-story-status {
  margin: 0;
  color: #344769;
  font-family: var(--sans);
  font-size: .9375rem;
  line-height: 1.5;
}
.recorded-story-status:empty { display: none; }
.unicorn-story-credit {
  color: #415777;
  text-align: center;
  font-family: var(--sans);
  font-size: 1rem;
}
.story-card-unicorn .story-narration h2 {
  font-family: var(--heading);
  color: #28567d;
  font-size: clamp(1.35rem, 3vw, 1.8rem);
  font-weight: 400;
  margin: 2.2rem 0 1rem;
  text-align: center;
}
#die-geschichte-vom-kleinen-einhorn { scroll-margin-top: var(--header-clearance, 10rem); }
@media (max-width: 400px) {
  .recorded-story-player .story-listen-button { gap: .55rem; grid-template-columns: auto minmax(0, 1fr); }
  .recorded-story-player .story-listen-icon { width: 40px; }
  .recorded-story-player .story-listen-spark { display: none; }
}
