/* Mobile-only composition for the existing featured recommendation and detail sheet. */
@media (min-width: 769px) {
  .podcast-detail-sheet__description--mobile { display: none; }
  .podcast-detail-sheet__episode-rating-mobile-help { display: none; }
  .podcast-detail-sheet__rating-icon { display: none; }
  .podcast-detail-sheet__own-rating-picker .podcast-detail-sheet__rating-icon,
  .podcast-detail-sheet__own-rating-copy small { display: none; }
  .podcast-detail-sheet__own-rating-copy { display: contents; }
  .podcast-detail-sheet__own-rating-mobile-summary { display: none; }
  .podcast-detail-sheet__related-show-all { display: none; }
  html body.page-forside #pageIntroPanel .home-featured__mobile-host,
  html body.page-forside #pageIntroPanel .home-featured__mobile-meta-row { display: none; }
  html body.page-forside #pageIntroPanel .home-featured__indicators--mobile { display: none; }
}

@media (max-width: 768px) {
  /* Structured mobile composition for the existing weekly recommendation hero. */
  html body.page-forside #pageIntroPanel .home-featured {
    width: calc(100% + 40px) !important;
    box-sizing: border-box !important;
    max-width: none !important;
    margin-inline: -20px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.page-forside #pageIntroPanel .home-featured__content {
    width: 100% !important;
    box-sizing: border-box !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.page-forside #pageIntroPanel .home-featured__indicators--desktop {
    display: none !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__indicators--mobile {
    display: flex !important;
    min-height: 30px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    margin: 8px 0 0 !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__indicators--mobile .home-featured__indicators {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    margin: 0 !important;
  }

  html body.page-forside #pageIntroPanel .home-featured { margin-block: 18px !important; }

  html body.page-forside #pageIntroPanel .home-featured__surface {
    position: relative !important;
    display: grid !important;
    --home-featured-cover-size: clamp(140px, 39vw, 160px);
    grid-template-columns: minmax(0, 1fr) var(--home-featured-cover-size) !important;
    grid-template-areas: "title cover" "host cover" "score cover" "meta meta" "review review" "actions controls" "actions date" !important;
    align-items: start !important;
    column-gap: 8px !important;
    row-gap: 13px !important;
    min-height: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 18px 16px 14px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    background: linear-gradient(112deg, rgba(8, 5, 4, .94), rgba(15, 7, 5, .87) 58%, rgba(25, 11, 7, .76)), var(--home-featured-bg) 60% center / cover !important;
    box-shadow: none !important;
    touch-action: pan-y !important;
  }

  html body.page-forside #pageIntroPanel .home-featured__cover-column,
  html body.page-forside #pageIntroPanel .home-featured__copy {
    display: contents !important;
    z-index: 2;
    min-width: 0;
  }

  html body.page-forside #pageIntroPanel .home-featured__cover-column { position: static !important; }
  html body.page-forside #pageIntroPanel .home-featured__title-row { display: contents !important; }
  html body.page-forside #pageIntroPanel .home-featured__title-row .home-featured__favorite,
  html body.page-forside #pageIntroPanel .home-featured__meta { display: none !important; }
  html body.page-forside #pageIntroPanel .home-featured__title-row h3 {
    grid-area: title !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__cover {
    grid-area: cover !important;
    align-self: start !important;
    justify-self: end !important;
    width: var(--home-featured-cover-size) !important;
    height: auto !important;
    aspect-ratio: 1 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__favorite--mobile {
    position: static !important;
    z-index: 3 !important;
    align-self: start !important;
    justify-self: end !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    border-color: rgba(255, 255, 255, .62) !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: rgba(10, 6, 4, .44) !important;
    box-shadow: none !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__top-action-details {
    display: contents !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__open {
    grid-area: actions !important;
    align-self: end !important;
    justify-self: start !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    color: #fff !important;
    background: #f2612b !important;
    border: 0 !important;
    font-size: .9rem !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__review-date {
    grid-area: date !important;
    align-self: end !important;
    justify-self: end !important;
    min-width: 0;
    color: rgba(255, 255, 255, .88) !important;
    font-size: .84rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__label { display: none !important; }
  html body.page-forside #pageIntroPanel .home-featured__copy h3 {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__title-button {
    display: -webkit-box !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #fff !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: clamp(1.75rem, 8vw, 2.1rem) !important;
    line-height: 1.06 !important;
    text-align: left !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .62) !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  html body.page-forside #pageIntroPanel .home-featured__content--title-short .home-featured__copy h3,
  html body.page-forside #pageIntroPanel .home-featured__content--title-short .home-featured__title-button {
    font-size: clamp(2rem, 8.2vw, 2.15rem) !important;
    letter-spacing: -.035em !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__content--title-medium .home-featured__copy h3,
  html body.page-forside #pageIntroPanel .home-featured__content--title-medium .home-featured__title-button { font-size: clamp(1.75rem, 7.8vw, 2rem) !important; }
  html body.page-forside #pageIntroPanel .home-featured__content--title-long .home-featured__copy h3,
  html body.page-forside #pageIntroPanel .home-featured__content--title-long .home-featured__title-button {
    max-height: 3.18em !important;
    font-size: clamp(1.5rem, 6vw, 1.6rem) !important;
    -webkit-line-clamp: 3 !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__content--title-single-long .home-featured__copy h3,
  html body.page-forside #pageIntroPanel .home-featured__content--title-single-long .home-featured__title-button {
    font-size: clamp(1.2rem, 5.2vw, 1.3rem) !important;
    letter-spacing: -.04em !important;
    white-space: nowrap !important;
    -webkit-line-clamp: 1 !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__mobile-host {
    grid-area: host !important;
    display: flex !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, .9) !important;
    font: 600 .92rem/1.32 "Manrope", sans-serif !important;
    text-shadow: 0 1px 7px rgba(0, 0, 0, .58) !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__mobile-meta-row {
    grid-area: meta !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 46px !important;
    align-items: center !important;
    column-gap: 10px !important;
    min-width: 0 !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__mobile-tags {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__meta-link {
    appearance: none !important;
    -webkit-appearance: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: 0 1px 7px rgba(0, 0, 0, .58) !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__scorecard { grid-area: score !important; margin: 0 !important; }
  html body.page-forside #pageIntroPanel .home-featured__score-item small { color: rgba(255, 255, 255, .88) !important; font-size: .74rem !important; }
  html body.page-forside #pageIntroPanel .home-featured__score-value { color: #fff !important; font-size: 2rem !important; }
  html body.page-forside #pageIntroPanel .home-featured__score-star,
  html body.page-forside #pageIntroPanel .home-featured__score-number { color: var(--accent, #ff5c16) !important; }
  html body.page-forside #pageIntroPanel .home-featured__score-star { font-size: 1.85rem !important; }
  html body.page-forside #pageIntroPanel .home-featured__score-number { font-size: 2rem !important; }
  html body.page-forside #pageIntroPanel .home-featured__score-out-of {
    color: rgba(255, 255, 255, .82) !important;
    font-size: 1.18rem !important;
    font-weight: 600 !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__review-wrap {
    grid-area: review !important;
    min-width: 0 !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__review {
    display: -webkit-box !important;
    margin: 0 !important;
    overflow: hidden !important;
    max-width: none !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: .92rem !important;
    line-height: 1.4 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  html body.page-forside #pageIntroPanel .home-featured__review.is-expanded {
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__review-toggle {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    border: 0 !important;
    color: #fffaf5 !important;
    background: transparent !important;
    font: 700 .9rem/1.2 "Manrope", sans-serif !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__review-toggle span { margin-left: 5px !important; }
  html body.page-forside #pageIntroPanel .home-featured__review-toggle:focus-visible {
    outline: 2px solid #ff7540 !important;
    outline-offset: 3px !important;
    border-radius: 4px !important;
  }

  html body.page-forside #pageIntroPanel .home-featured__controls {
    grid-area: controls !important;
    position: static !important;
    z-index: 3;
    display: flex !important;
    align-self: end !important;
    align-items: center !important;
    justify-self: end !important;
    margin: 0 !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__nav-group { gap: 4px !important; }
  html body.page-forside #pageIntroPanel .home-featured__nav {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 50% !important;
    border: 0 !important;
    color: #fff !important;
    background: transparent !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__nav svg { width: 19px !important; height: 19px !important; stroke-width: 2 !important; }
  html body.page-forside #pageIntroPanel .home-featured__nav svg path {
    fill: none !important;
    stroke: currentColor !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__indicator { width: 7px !important; height: 7px !important; background: rgba(84, 72, 63, .38) !important; }
  html body.page-forside #pageIntroPanel .home-featured__indicator.is-active { background: var(--accent, #ff5c16) !important; }
  html body.page-forside #pageIntroPanel .home-featured__meta-badge {
    display: inline-flex !important;
    min-height: 30px !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    border: 1px solid rgba(255, 255, 255, .66) !important;
    border-radius: 7px !important;
    color: rgba(255, 255, 255, .96) !important;
    background: rgba(8, 5, 4, .22) !important;
    font: 700 .72rem/1.1 "Manrope", sans-serif !important;
    white-space: nowrap !important;
    text-shadow: none !important;
  }
  html body.page-forside #pageIntroPanel .home-featured__preview {
    top: 28px !important;
    z-index: 1 !important;
    width: 88px !important;
    height: 88px !important;
    opacity: .32 !important;
    border-radius: 14px !important;
    pointer-events: auto;
  }
  html body.page-forside #pageIntroPanel .home-featured__preview--previous { left: -68px !important; }
  html body.page-forside #pageIntroPanel .home-featured__preview--next { right: -68px !important; }

  html body #podcastDetailSheet .podcast-detail-sheet__ranking-nav {
    display: none !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__ranking-nav--previous { left: 12px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__ranking-nav--next { right: 52px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__ranking-nav.is-hidden,
  html body #podcastDetailSheet .podcast-detail-sheet__ranking-nav:disabled { display: none !important; }

  html body #podcastDetailSheet .podcast-detail-sheet__panel {
    max-height: min(90dvh, 760px) !important;
    border-radius: 25px 25px 0 0 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__content {
    max-height: calc(90dvh - 48px) !important;
    padding: 0 14px calc(22px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 8px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header {
    grid-template-columns: 112px minmax(0, 1fr) !important;
    column-gap: 11px !important;
    row-gap: 0 !important;
    align-items: start !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__cover { width: 112px !important; height: 112px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__intro h2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: 1.16rem !important;
    line-height: 1.1 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__meta { margin-bottom: 4px !important; font-size: .78rem !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__chips { gap: 4px !important; margin-bottom: 6px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__chip,
  html body #podcastDetailSheet .podcast-detail-sheet__genre { min-height: 24px !important; padding: 0 7px !important; font-size: .66rem !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__description--desktop { display: none !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__description--mobile { grid-column: 1 / -1; }
  html body #podcastDetailSheet .podcast-detail-sheet__description--mobile h3 { margin-bottom: 4px !important; font-size: .94rem !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__description--mobile p {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    font-size: .88rem !important;
    line-height: 1.38 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__description--mobile p.is-expanded { display: block !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__description-toggle {
    min-height: 28px !important;
    margin-top: 0 !important;
    padding: 2px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #a54822 !important;
    font: 800 .78rem/1.2 "Manrope", sans-serif !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__description-toggle:focus-visible {
    outline: 2px solid #ff5c16 !important;
    outline-offset: 3px !important;
    border-radius: 3px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings > div { min-height: 60px !important; padding: 5px !important; gap: 3px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own {
    grid-column: 1 / -1 !important;
    min-height: 66px !important;
    padding: 5px 8px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-control { gap: 4px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-save { min-height: 28px !important; padding: 0 10px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings span { font-size: .67rem !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings strong { font-size: 1.06rem !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings em { font-size: .61rem !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__recommendation-row { display: block !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__review-status { display: none !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__related { gap: 6px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__related-section { gap: 5px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__related-heading h3 { font-size: .96rem !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__related-track { gap: 8px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__related-card { flex: 0 0 112px !important; min-width: 112px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__related-cover { height: 68px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__related-copy { gap: 2px !important; padding: 6px 7px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__related-copy strong { white-space: normal !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; }

  /* Mobile rating interaction: keep actions out of the title flow and make
     the real decimal input read as a clear, tap-first score selector. */
  html body #podcastDetailSheet .podcast-detail-sheet__intro {
    position: static !important;
    padding-right: 0 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__intro-actions {
    position: static !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-action-icons {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__close {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    top: 0 !important;
    right: 22px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    color: #5f5045 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    isolation: isolate;
  }
  /* Keep the 44px hit area, with a true circular surface centered within it. */
  html body #podcastDetailSheet .podcast-detail-sheet__close::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    z-index: -1;
    border: 1px solid rgba(214, 187, 166, .72);
    border-radius: 50%;
    background: rgba(255, 248, 243, .9);
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-favorite,
  html body #podcastDetailSheet .podcast-detail-sheet__header-link {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-favorite {
    color: #f25a18 !important;
    border-color: rgba(242, 90, 24, .32) !important;
    background: #fff8f3 !important;
  }

  html body #podcastDetailSheet .podcast-detail-sheet__header-favorite.is-saved {
    color: #f25a18 !important;
    border-color: transparent !important;
    background: transparent !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-link {
    color: #89796d !important;
    border-color: rgba(195, 171, 152, .28) !important;
    background: rgba(255, 250, 247, .16) !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__intro h2 {
    margin-top: 0 !important;
    margin-bottom: 2px !important;
  }

  html body #podcastDetailSheet .podcast-detail-sheet__ratings {
    grid-template-columns: minmax(0, .86fr) minmax(0, .86fr) minmax(0, 1.58fr) !important;
    align-items: stretch !important;
    gap: 6px !important;
    overflow: visible !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings > div {
    min-height: 128px !important;
    padding: 10px 7px !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 5px !important;
    border-color: rgba(218, 197, 176, .86) !important;
    background: rgba(255, 255, 255, .68) !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own {
    grid-column: auto !important;
    min-height: 128px !important;
    padding: 9px !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    align-content: stretch !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-icon {
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    color: #f25a18 !important;
    background: #fff0e7 !important;
    font-size: 1.08rem !important;
    line-height: 1 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-icon svg {
    width: 16px !important;
    height: 16px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-label {
    color: #6c6158 !important;
    font: 800 .66rem/1.14 "Manrope", sans-serif !important;
    text-align: center !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings strong {
    color: #f25a18 !important;
    font-size: 1.34rem !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings strong small {
    color: #392f29 !important;
    font-size: .72rem !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-picker {
    min-width: 0 !important;
    min-height: 54px !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 7px 8px !important;
    border: 1px dashed rgba(231, 117, 68, .8) !important;
    border-radius: 11px !important;
    background: #fffaf7 !important;
    cursor: text !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-picker:focus-within {
    border-style: solid !important;
    border-color: #f25a18 !important;
    box-shadow: 0 0 0 3px rgba(242, 90, 24, .12) !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-input {
    width: 100% !important;
    min-width: 0 !important;
    height: 23px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    color: #b4471d !important;
    background: transparent !important;
    font: 900 .9rem/1 "Manrope", sans-serif !important;
    text-align: left !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-input::placeholder {
    color: #c4532b !important;
    opacity: 1 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-copy small {
    color: #796c62 !important;
    font: 700 .59rem/1.15 "Manrope", sans-serif !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-suffix {
    color: #4a3d35 !important;
    font: 800 .7rem/1 "Manrope", sans-serif !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-save {
    width: 100% !important;
    min-height: 31px !important;
    padding: 0 7px !important;
    border-radius: 9px !important;
    color: #fff !important;
    background: #ff5c16 !important;
    font: 850 .68rem/1 "Manrope", sans-serif !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own > em {
    display: none !important;
  }

  /* Keep the sheet itself fixed-width. The related rail owns its horizontal
     scrolling; no other detail surface may create an x-axis scroll range. */
  html body.has-podcast-detail-open,
  html body.has-podcast-detail-open #podcastDetailSheet {
    overscroll-behavior-x: none !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__panel {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
    overscroll-behavior-x: none !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none !important;
    touch-action: pan-y !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header,
  html body #podcastDetailSheet .podcast-detail-sheet__intro,
  html body #podcastDetailSheet .podcast-detail-sheet__chips,
  html body #podcastDetailSheet .podcast-detail-sheet__recommendation-row,
  html body #podcastDetailSheet .podcast-detail-sheet__related,
  html body #podcastDetailSheet .podcast-detail-sheet__related-section {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* The desktop tooltip is invisible on touch screens but still had a 205px
     box in layout, widening the header's scrollable area. */
  html body #podcastDetailSheet .podcast-detail-sheet__episode-entry-tooltip {
    right: 0 !important;
    left: auto !important;
    max-width: min(205px, 100%) !important;
    transform: translateY(-3px) !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__episode-entry-tooltip::before {
    right: 18px !important;
    left: auto !important;
    transform: rotate(45deg) !important;
  }

  /* A compact, full-size touch target keeps episode ratings discoverable
     without letting its pill dominate the narrow header column. */
  html body #podcastDetailSheet .podcast-detail-sheet__episode-entry-button {
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 0 4px !important;
    gap: 4px !important;
    border-color: rgba(225, 105, 49, .56) !important;
    border-radius: 9px !important;
    background: rgba(255, 250, 247, .4) !important;
    box-shadow: none !important;
    font-size: .66rem !important;
    line-height: 1 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__episode-entry-button svg {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 auto !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__meta {
    margin-bottom: 1px !important;
    line-height: 1.18 !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__chips {
    row-gap: 0 !important;
    column-gap: 3px !important;
    margin-bottom: 1px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__chip,
  html body #podcastDetailSheet .podcast-detail-sheet__genre {
    min-height: 20px !important;
  }

  /* iOS Safari zooms controls rendered below 16px. Keep the real decimal
     input at the native threshold; no scaling or viewport restriction. */
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-input {
    height: 26px !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
  }

  /* Preserve the intentional horizontal rail while stopping it from widening
     the sheet through its former negative outer margin. */
  html body #podcastDetailSheet .podcast-detail-sheet__related-track {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x !important;
  }

  /* Keep the first detail viewport focused on the useful podcast context.
     The related rail remains horizontally scrollable, but its cards do not
     need the longer editorial-reason line in this compact mobile preview. */
  html body #podcastDetailSheet .podcast-detail-sheet__content {
    gap: 6px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__description--mobile h3 {
    margin-bottom: 2px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__description--mobile p {
    line-height: 1.32 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__description-toggle {
    min-height: 24px !important;
    padding-block: 0 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings {
    grid-template-columns: minmax(0, .95fr) minmax(0, .95fr) minmax(0, 1.4fr) !important;
    gap: 5px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings > div,
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own {
    min-height: 116px !important;
    padding: 7px 5px !important;
    gap: 4px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-label {
    max-width: 100% !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    font-size: .62rem !important;
    line-height: 1.08 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-icon {
    width: 24px !important;
    height: 24px !important;
    font-size: .94rem !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings strong {
    font-size: 1.24rem !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-picker {
    min-height: 48px !important;
    gap: 5px !important;
    padding: 5px 6px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related {
    gap: 4px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-section {
    gap: 3px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-heading h3 {
    font-size: .92rem !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-controls {
    display: none !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-track {
    gap: 6px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-card {
    flex-basis: 104px !important;
    min-width: 104px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-cover {
    height: 60px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-copy {
    gap: 1px !important;
    padding: 4px 5px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-copy strong {
    font-size: .7rem !important;
    line-height: 1.12 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-meta {
    font-size: .61rem !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-copy small {
    display: none !important;
  }

  /* Version 1 detail-sheet refinement: retain the existing markup and
     interactions while restoring a calmer, balanced mobile reading order. */
  html body #podcastDetailSheet .podcast-detail-sheet__panel {
    max-height: min(92dvh, 830px) !important;
    padding-inline: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 28px 28px 0 0 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__content {
    max-height: calc(92dvh - 48px) !important;
    padding: 0 16px 14px !important;
    gap: 10px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header {
    grid-template-columns: clamp(110px, 30vw, 120px) minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 0 !important;
    touch-action: pan-y !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__drag-header,
  html body #podcastDetailSheet .podcast-detail-sheet__handle {
    touch-action: none !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__cover {
    grid-row: 1 !important;
    width: calc(clamp(110px, 30vw, 120px) - 2px) !important;
    height: calc(clamp(110px, 30vw, 120px) - 2px) !important;
    border-radius: 18px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__intro {
    display: block !important;
    padding: 0 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__intro h2 {
    margin: 0 0 9px !important;
    font-size: clamp(1.28rem, 4.8vw, 1.42rem) !important;
    font-weight: 850 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.015em !important;
    text-align: left !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__meta {
    margin: 0 !important;
    color: #6f635a !important;
    font-size: .98rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    max-height: calc(2 * 1.3em) !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__toolbar-actions {
    position: absolute !important;
    top: 0 !important;
    left: 18px !important;
    z-index: 1 !important;
    pointer-events: auto !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-action-icons {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-favorite,
  html body #podcastDetailSheet .podcast-detail-sheet__header-link {
    position: relative !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-favorite::before,
  html body #podcastDetailSheet .podcast-detail-sheet__header-link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    border: 1px solid rgba(214, 187, 166, .72);
    border-radius: 10px;
    background: rgba(255, 248, 243, .9);
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-favorite::before {
    border-color: rgba(242, 90, 24, .32);
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-favorite.is-saved::before {
    border-color: rgba(242, 90, 24, .5);
    background: #fff0e7;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-link::before {
    border-color: rgba(195, 171, 152, .28);
    background: rgba(255, 250, 247, .16);
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-favorite > span {
    position: relative !important;
    z-index: 1;
    display: block !important;
    width: 15px !important;
    height: 15px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-favorite .favorite-button__icon {
    width: 15px !important;
    height: 15px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-link svg {
    position: relative !important;
    z-index: 1;
    width: 15px !important;
    height: 15px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-favorite:not(.is-saved) .favorite-button__icon path {
    fill: none !important;
    stroke: currentColor !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header-favorite.is-saved .favorite-button__icon path {
    fill: currentColor !important;
    stroke: currentColor !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__chips {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    row-gap: 6px !important;
    column-gap: 5px !important;
    margin: 10px 0 0 !important;
    justify-content: flex-start !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__episode-entry-button {
    min-height: 44px !important;
    padding: 0 12px !important;
    font-size: .78rem !important;
    white-space: nowrap !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__episode-entry {
    display: inline-flex !important;
    margin-top: 8px !important;
  }
  html body #podcastDetailSheet .podcast-access-detail {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 6px !important;
    color: #c64b1b !important;
    font-size: .78rem !important;
    font-weight: 800 !important;
    background: transparent !important;
  }
  html body #podcastDetailSheet .podcast-access-detail svg {
    width: 17px !important;
    height: 17px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__chip,
  html body #podcastDetailSheet .podcast-detail-sheet__genre {
    min-height: 24px !important;
    padding: 0 8px !important;
    font-size: .68rem !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__description--mobile {
    grid-column: 1 / -1 !important;
    margin-top: 13px !important;
    padding-top: 0 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__description--mobile h3 {
    margin: 0 0 4px !important;
    font-size: 1rem !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__description--mobile p {
    -webkit-line-clamp: 3 !important;
    color: #665b53 !important;
    font-size: .9rem !important;
    line-height: 1.36 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__description-toggle {
    min-height: 28px !important;
    margin-top: 2px !important;
    font-size: .8rem !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(218, 197, 176, .86) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .62) !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings > div,
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own {
    min-height: 112px !important;
    padding: 7px 6px !important;
    gap: 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings > div + div {
    border-left: 1px solid rgba(218, 197, 176, .72) !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own {
    grid-column: auto !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
  }
  /* Keep the score itself on one shared row. The user count and own-rating
     helper text may differ, but must never vertically shift the three values. */
  html body #podcastDetailSheet .podcast-detail-sheet__ratings > .podcast-detail-sheet__rating-cell {
    grid-template-rows: 20px 24px 19px minmax(0, 1fr) !important;
    align-content: start !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--mads > .podcast-detail-sheet__rating-icon,
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--users > .podcast-detail-sheet__rating-icon {
    grid-row: 1 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-label {
    grid-row: 2 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--mads > strong,
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--users > strong {
    grid-row: 3 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--users > em {
    grid-row: 4 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own {
    grid-template-rows: 20px 24px 19px minmax(0, 1fr) !important;
    align-content: start !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-reveal,
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-display {
    grid-row: 3 / span 2 !important;
    min-height: 0 !important;
    grid-template-rows: 19px auto !important;
    align-content: start !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-label {
    font-size: .64rem !important;
    line-height: 1.12 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-icon {
    width: 20px !important;
    height: 20px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__ratings strong {
    font-size: 1.18rem !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-picker {
    min-height: 36px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 3px 5px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-editor {
    display: none !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-rating-entry-open .podcast-detail-sheet__own-rating-editor {
    display: grid !important;
    gap: 4px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-reveal {
    width: 100% !important;
    min-height: 42px !important;
    display: grid !important;
    place-items: center !important;
    gap: 5px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #f25a18 !important;
    background: transparent !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-reveal > span,
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-reveal strong {
    font-size: 1.05rem !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-reveal small {
    color: #796c62 !important;
    font: 700 .66rem/1.2 "Manrope", sans-serif !important;
    text-align: center !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-reveal.is-empty-rating {
    min-height: 44px !important;
    padding: 3px 4px !important;
    border: 1px solid #f25a18 !important;
    border-radius: 999px !important;
    background: #fff0e7 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-reveal.is-empty-rating small {
    color: #bb4b18 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-display {
    min-height: 42px !important;
    display: grid !important;
    place-items: center !important;
    gap: 4px !important;
    color: #f25a18 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-display > small {
    color: #796c62 !important;
    font: 700 .62rem/1.2 "Manrope", sans-serif !important;
    text-align: center !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-rating-entry-open .podcast-detail-sheet__own-rating-reveal {
    display: none !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own .podcast-detail-sheet__rating-icon,
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-suffix,
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-copy small {
    display: none !important;
  }
  /* The compact editable picker intentionally hides its supporting chrome at
     this width. A calculated rating is not editable, however, so retain the
     icon, label context and /10 suffix as one centered locked presentation. */
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked {
    grid-template-rows: 20px 24px 19px minmax(0, 1fr) !important;
    align-content: stretch !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked > .podcast-detail-sheet__rating-label {
    grid-row: 2 !important;
    align-self: center !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked .podcast-detail-sheet__own-rating-picker {
    grid-row: 3 / span 2 !important;
    width: 100% !important;
    min-height: 48px !important;
    grid-template-columns: 20px minmax(0, 1fr) auto !important;
    align-items: baseline !important;
    justify-items: center !important;
    gap: 4px !important;
    padding: 4px !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked .podcast-detail-sheet__own-rating-picker:focus-within {
    border: 0 !important;
    box-shadow: none !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked .podcast-detail-sheet__rating-icon,
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked .podcast-detail-sheet__own-rating-suffix,
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked .podcast-detail-sheet__own-rating-copy small {
    display: grid !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked .podcast-detail-sheet__rating-icon {
    color: #89796d !important;
    background: #f1ebe5 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked .podcast-detail-sheet__own-rating-copy {
    width: auto !important;
    justify-items: center !important;
    text-align: center !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked .podcast-detail-sheet__own-rating-input.is-episode-calculated {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    color: #675d56 !important;
    background: transparent !important;
    font: 950 1.18rem/1 "Manrope", sans-serif !important;
    text-align: center !important;
    pointer-events: none !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked .podcast-detail-sheet__own-rating-suffix {
    color: #675d56 !important;
    align-self: baseline !important;
    margin-top: 0 !important;
    font: 900 .72rem/1 "Manrope", sans-serif !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked .podcast-detail-sheet__own-rating-copy small {
    color: #89796d !important;
    font-size: .54rem !important;
    text-align: center !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked .podcast-detail-sheet__episode-rating-lock-trigger:focus {
    outline: 0 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own.is-episode-rating-locked .podcast-detail-sheet__episode-rating-lock-trigger:focus-visible {
    outline: 2px solid #66594f !important;
    outline-offset: 2px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__rating-cell--own .podcast-detail-sheet__episode-rating-lock-help {
    display: none !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__episode-rating-mobile-help {
    width: 100% !important;
    box-sizing: border-box !important;
    display: none !important;
    margin: 0 !important;
    padding: 11px 13px !important;
    border: 1px solid rgba(92, 79, 69, .22) !important;
    border-radius: 14px !important;
    color: #4f443d !important;
    background: #f7f2ed !important;
    font: 650 .73rem/1.45 "Manrope", sans-serif !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__episode-rating-mobile-help.is-episode-rating-lock-open {
    display: block !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__episode-rating-mobile-help p {
    margin: 0 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-input {
    height: 26px !important;
    font-size: 16px !important;
    text-align: center !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__own-rating-save {
    min-height: 28px !important;
    padding: 0 4px !important;
    font-size: .6rem !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related {
    gap: 7px !important;
    padding-bottom: 0 !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-section {
    gap: 6px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-heading h3 {
    font-size: 1rem !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-show-all {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #c64b1b !important;
    background: transparent !important;
    font: 800 .74rem/1 "Manrope", sans-serif !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-track {
    gap: 8px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-card {
    flex-basis: 112px !important;
    min-width: 112px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__related-cover {
    height: 68px !important;
  }

  /* Keep the detail-sheet carousel media intentionally rectangular on mobile. */
  html body #podcastDetailSheet .podcast-detail-sheet__related-cover {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }

  html body #podcastDetailSheet .podcast-detail-sheet__related-cover img {
    object-fit: cover !important;
  }
}
@media (max-width: 380px) {
  html body.page-forside #pageIntroPanel .home-featured__surface {
    padding-inline: 20px !important;
  }
  html body #podcastDetailSheet .podcast-detail-sheet__header { grid-template-columns: 110px minmax(0, 1fr) !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__cover { width: 108px !important; height: 108px !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__intro h2 { font-size: 1.32rem !important; }
  html body #podcastDetailSheet .podcast-detail-sheet__meta { font-size: .9rem !important; }
}