/* Shared mobile expand/collapse treatment for profile panels. */
@media (max-width: 768px) {
  html body.page-profil .profile-panel__toggle {
    min-height: 34px;
    padding: 0 11px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 92, 22, .4);
    border-radius: 999px;
    color: #a64118;
    background: #fff8f2;
    font: 850 .72rem / 1 "Manrope", Inter, system-ui, sans-serif;
    cursor: pointer;
    white-space: nowrap;
  }

  html body.page-profil .profile-panel__toggle:focus-visible {
    outline: 2px solid rgba(255, 92, 22, .5);
    outline-offset: 3px;
  }

  html body.page-profil #profileEpisodeRatings .profile-panel__tools {
    flex-wrap: nowrap !important;
    align-items: center;
  }

  html body.page-profil #profileEpisodeRatings.is-collapsed .profile-episode-card:nth-child(n + 4) {
    display: none !important;
  }

  html body.page-profil #profileEpisodeRatings.is-expanded .profile-episode-card {
    display: grid !important;
  }

  html body.page-profil #profileEpisodeRatings .profile-episode-list {
    gap: 8px !important;
  }
}

@media (max-width: 768px) {
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-overview {
    display: grid !important;
    gap: 10px !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-overview-toolbar {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    gap: 8px !important;
    align-items: center !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-back {
    min-height: 42px !important;
    padding: 0 4px !important;
    border: 0 !important;
    background: transparent !important;
    color: #9d451f !important;
    font: 800 .82rem/1 "Manrope", sans-serif !important;
    white-space: nowrap !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-back-label--desktop { display: none !important; }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-workspace-title {
    display: block !important;
    margin: 0 !important;
    color: #332922 !important;
    font: 800 1rem/1 "Manrope", sans-serif !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-search {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 44px !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-search input {
    width: 100% !important;
    min-height: 44px !important;
    font-size: 16px !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-workspace-summary {
    margin: 0 !important;
    color: #786a60 !important;
    font: 800 .75rem/1.2 "Manrope", sans-serif !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table-wrap {
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table,
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table tbody {
    display: block !important;
    width: 100% !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table thead { display: none !important; }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    padding: 17px 16px !important;
    border: 1px solid rgba(222, 204, 188, .72) !important;
    border-radius: 20px !important;
    background: #fffdfa !important;
    box-shadow: 0 4px 12px rgba(91, 60, 38, .06) !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table tr:last-child { margin-bottom: 0 !important; }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table td {
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table td:nth-child(1) {
    display: none !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table td:nth-child(2) { grid-column: 1 !important; grid-row: 1 !important; }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table td:nth-child(3) { grid-column: 1 !important; grid-row: 2 !important; align-self: end !important; }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table td:nth-child(4) { grid-column: 2 !important; grid-row: 1 / span 2 !important; align-self: end !important; }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table td:nth-child(3)::before,
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table td:nth-child(4)::before { display: none !important; }
  html body #podcastDetailSheet.is-episode-workspace .episode-title {
    display: block !important;
    overflow: visible !important;
    font: 800 1.08rem/1.24 "Manrope", sans-serif !important;
    overflow-wrap: anywhere !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-table td:nth-child(2)[data-published-date]:not([data-published-date=""])::before {
    content: attr(data-published-date);
    display: block;
    margin-bottom: 7px;
    color: #e65a1d;
    font: 800 .82rem/1.2 "Manrope", sans-serif;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-editorial-score {
    display: block;
    margin-top: 4px;
    color: #75675d;
    font: 750 .74rem/1.25 "Manrope", sans-serif;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-editorial-score strong { color: #342a24; }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-source-score {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 3px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #75675d !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-source-score::before { content: "Brugere:"; font: 700 .86rem/1 "Manrope", sans-serif !important; }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-source-score strong,
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-own-score strong { color: #342a24 !important; font-size: 1rem !important; }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-source-score em { display: none !important; }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-own-score {
    width: auto !important;
    min-width: 120px !important;
    min-height: 48px !important;
    padding: 7px 12px !important;
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 6px !important;
    align-items: center !important;
    justify-items: start !important;
    border: 1px solid rgba(255, 92, 22, .38) !important;
    border-radius: 14px !important;
    background: #fff5ed !important;
    color: #c64d17 !important;
    box-shadow: 0 3px 10px rgba(255, 92, 22, .07) !important;
    cursor: pointer !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-own-score::before {
    content: "★";
    grid-column: 1 !important;
    grid-row: 1 / -1 !important;
    color: #ff5c16 !important;
    font: 900 1.25rem/1 "Manrope", sans-serif !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-own-score.is-empty::before { content: "☆"; }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-own-score strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    color: #a64118 !important;
    font: 850 1rem/1 "Manrope", sans-serif !important;
    white-space: nowrap !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-own-score.is-empty strong {
    grid-row: 1 / -1 !important;
    color: #c64d17 !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-own-score:not(.is-empty)::after {
    content: "Rediger";
    grid-column: 2 !important;
    grid-row: 2 !important;
    color: #8a6856 !important;
    font: 750 .6rem/1 "Manrope", sans-serif !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-own-score small {
    font-size: .6rem !important;
    font-weight: 750 !important;
  }
  html body #podcastDetailSheet.is-episode-workspace .podcast-detail-sheet__episode-own-score:focus-visible {
    outline: 2px solid rgba(255, 92, 22, .48) !important;
    outline-offset: 2px !important;
  }
}