.suggested-podcasts { margin-block: 32px; color: #424242; }
.suggested-podcasts__header { display: flex; align-items: center; gap: 15px; margin-block-end: 24px; }
.suggested-podcasts__header > div { min-width: 0; }
.suggested-podcasts__header h2 { margin: 0; color: inherit; font-size: 24px; font-weight: 600; line-height: 30px; }
.suggested-podcasts__header p { margin: 0; font-size: 17px; font-weight: 500; line-height: 30px; }
.suggested-podcasts__icon { position: relative; flex: 0 0 50px; height: 50px; }
.suggested-podcasts__icon img { position: absolute; left: -1px; top: 0; max-width: none; }
.suggested-podcasts__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.suggested-podcast { min-width: 0; overflow: hidden; background: #fff; border: 1px solid #fff; border-radius: 20px; box-shadow: 0 10px 10px -10px rgba(0,19,34,.25); }
.suggested-podcast__cover { position: relative; display: block; height: 176px; color: #fff; overflow: hidden; }
.suggested-podcast__cover::after { content: ""; position: absolute; inset: auto 0 0; height: 71px; background: linear-gradient(to top, #002c43, rgba(0,65,99,.8) 51.442%, rgba(0,111,169,0)); pointer-events: none; }
.suggested-podcast__cover > img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.suggested-podcast__cover h3 { position: absolute; z-index: 1; inset: auto 15px 8px; margin: 0; color: #fff; font-size: 19px; font-weight: 600; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.suggested-podcast__body { padding: 8px 15px 14px; }
.suggested-podcast__episode, .suggested-podcast__publisher { margin: 0; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.suggested-podcast__episode { font-size: 17px; line-height: 27px; }
.suggested-podcast__publisher { color: #a0a0a0; font-size: 14px; line-height: 22px; min-height: 22px; }
.suggested-podcast__actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; }
.suggested-podcast__listen { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-width: 155px; min-height: 38px; padding: 5px 12px; border: 1px solid #fff; border-radius: 10px; background: linear-gradient(179deg, #43a9ed 3.6%, #4e77fd 94.9%); color: #fff; font-size: 15px; font-weight: 700; line-height: 20px; box-shadow: 0 12px 5px -8px rgba(28,2,85,.2); }
.suggested-podcast__listen img { flex-shrink: 0; transform: rotate(45deg); }
.suggested-podcast__favorite { display: grid; place-items: center; flex: 0 0 36px; height: 38px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #424242; cursor: pointer; }
.suggested-podcast__heart-path { fill: currentColor; }
.suggested-podcast__heart-path--filled { display: none; }
.suggested-podcast__favorite[aria-pressed="true"] .suggested-podcast__heart-path--outline { display: none; }
.suggested-podcast__favorite[aria-pressed="true"] .suggested-podcast__heart-path--filled { display: block; }
.suggested-podcast :focus-visible { outline: 3px solid #4799f3; outline-offset: -3px; }
[data-theme="dark"] .suggested-podcasts { color: #e4e4e7; }
[data-theme="dark"] .suggested-podcast { background: #21252c; border-color: #2f343d; }
[data-theme="dark"] .suggested-podcast__publisher { color: #e4e4e7; }
[data-theme="dark"] .suggested-podcast__favorite { color: #f2f3f4; }
.suggested-podcast__favorite[aria-pressed="true"],
[data-theme="dark"] .suggested-podcast__favorite[aria-pressed="true"] { color: #ed3d48; }
@media (max-width: 767px) {
 .suggested-podcasts__grid > .suggested-podcast:nth-child(n+4) { display: none; }
 .suggested-podcasts { margin-block: 20px; padding-block: 11px 18px; border-block: 1px solid var(--color-border, #e7e7e7); }
 .suggested-podcasts + .featured-radios { margin-top: 0; padding-top: 0; border-top: 0; }
 .suggested-podcasts__header { gap: 8px; margin-bottom: 15px; }
 .suggested-podcasts__header h2 { font-size: 14px; line-height: 18px; }
 .suggested-podcasts__header p { font-size: 10px; line-height: 18px; }
 .suggested-podcasts__icon { flex-basis: 34px; height: 34px; }
 .suggested-podcasts__icon img { width: 36px; height: 43px; }
 .suggested-podcasts__grid { grid-template-columns: minmax(0, 1fr); gap: 15px; }
 .suggested-podcast__cover { height: 91px; }
 .suggested-podcast__cover::after { height: 46px; }
 .suggested-podcast__cover h3 { inset: auto 8px 5px; font-size: 14px; }
 .suggested-podcast__body { padding: 4px 8px 8px; }
 .suggested-podcast__episode { font-size: 12px; line-height: 18px; }
 .suggested-podcast__publisher { font-size: 10px; line-height: 17px; min-height: 17px; }
 .suggested-podcast__actions { margin-top: 3px; }
 .suggested-podcast__listen { min-width: 168px; min-height: 36px; }
 .suggested-podcast__favorite { height: 36px; }
}
@media (min-width: 768px) and (max-width: 1100px) {
 .suggested-podcasts__grid { gap: 12px; }
 .suggested-podcast__body { padding-inline: 8px; }
 .suggested-podcast__listen { min-width: 0; gap: 8px; padding-inline: 8px; }
}