.ic-listen-btn {
  display: inline-block;
  padding: 0.6em 1.4em;
  border: 1px solid currentColor;
  border-radius: 4px;
  color: inherit;
  font: inherit;
  text-decoration: none;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}
.ic-listen-btn:hover {
  background-color: rgba(128, 128, 128, 0.18);
}
.ic-listen-btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.ic-spotify-card {
  box-sizing: border-box;
  margin: 0;
  padding: 40px 20px;
  background-color: rgb(255, 255, 255); /* matches the adjacent white page sections */
}
.ic-spotify-card a {
  display: block;
  max-width: 900px;
  margin: 0 auto;
  border-radius: 8px;
}
.ic-spotify-card img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.ic-spotify-card a:hover {
  opacity: 0.92;
}
.ic-spotify-card a:focus-visible {
  outline: 3px solid rgb(16, 16, 16); /* page body colour; currentColor is white here */
  outline-offset: 3px;
}

@media (max-width: 640px) {
  .ic-spotify-card {
    padding: 24px 16px;
  }
}

/* Squarespace's scaled-text CSS forces white-space: nowrap !important and
   word-break: break-all on this heading (specificity 0,5,1), so the ic- classes
   are repeated to outrank it without touching the legacy rules. */
@media (max-width: 640px) {
  span.ic-audiobook-heading-text.ic-audiobook-heading-text.ic-audiobook-heading-text.ic-audiobook-heading-text.ic-audiobook-heading-text.ic-audiobook-heading-text,
  h3.ic-audiobook-heading.ic-audiobook-heading.ic-audiobook-heading.ic-audiobook-heading.ic-audiobook-heading.ic-audiobook-heading {
    display: block;
    max-width: 100%;
    white-space: normal !important;
    word-break: normal;
    overflow-wrap: break-word;
    overflow: visible;
    /* scales with the viewport so the heading stays on one line; the sibling
       subheading sits in a fixed grid row and would be overlapped by a second line */
    font-size: min(26px, 5.5vw) !important;
    line-height: 1.2 !important;
  }
}

/* Hidden, not deleted. To restore the audiobook text section, remove the
   ic-audiobook-hidden class from the section in index.html. */
.ic-audiobook-hidden.ic-audiobook-hidden {
  display: none !important;
}