.rovat-podcast .list__page>div{grid-template-areas:"a" "p" "b" "e" "c" "d"}.podcast__recommendation{grid-area:p;width:100%}@media screen and (min-width:500px){.podcast__recommendation{margin:0 0 45px;padding:0 0 30px}}.podcast__recommendation__group{margin-bottom:35px}.podcast__recommendation__group:last-child{margin-bottom:0}.podcast__recommendation__group__title{border-bottom:1px solid var(--color-text);color:var(--color-text);font-size:.9rem;font-weight:var(--bold);line-height:1;margin:0 0 30px;padding:0}@media screen and (min-width:500px){.podcast__recommendation__group__title{font-size:1.2rem}}.podcast__recommendation__group__toggle{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:4px;justify-content:flex-start;padding:10px 0;text-align:left;width:100%}.podcast__recommendation__group__toggle i{font-size:1.2rem;line-height:1;transform:translateY(1px);transition:transform .2s ease}@media screen and (min-width:500px){.podcast__recommendation__group__toggle i{font-size:1.5rem}}.podcast__recommendation__group__toggle:hover{opacity:.75}.podcast__recommendation__list{display:grid;gap:24px 20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:18px}@media screen and (min-width:500px){.podcast__recommendation__list{gap:30px 24px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.podcast__card{cursor:pointer;display:flex;flex-direction:column;position:relative}.podcast__card__cover{aspect-ratio:1/1;background-color:var(--color-gray-light);border:1px solid var(--color-gray-mid-light);border-radius:12px;overflow:hidden;position:relative;transition:var(--theme-border);width:100%}.podcast__card__img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s ease;width:100%}.podcast__card__overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f0fe0;box-sizing:border-box;display:flex;inset:0;justify-content:center;opacity:0;padding:14px;position:absolute;transition:opacity .25s ease,visibility .25s ease;visibility:hidden;z-index:2}.podcast__card__platforms{align-content:start;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-height:92%;overflow:scroll;scrollbar-width:none;width:100%;-ms-overflow-style:none}.podcast__card__platforms::-webkit-scrollbar{display:none}.podcast__card.is-active .podcast__card__cover,.podcast__card:focus-within .podcast__card__cover,.podcast__card:hover .podcast__card__cover{box-shadow:0 8px 24px #00000026;transform:translateY(-3px)}.podcast__card.is-active .podcast__card__img,.podcast__card:focus-within .podcast__card__img,.podcast__card:hover .podcast__card__img{transform:scale(1.04)}.podcast__card.is-active .podcast__card__overlay,.podcast__card:focus-within .podcast__card__overlay,.podcast__card:hover .podcast__card__overlay{opacity:1;visibility:visible}.podcast__card__title{display:-webkit-box;font-size:.8rem;font-weight:var(--bold);-webkit-line-clamp:2;line-height:1.3;margin:0 0 7px;-webkit-box-orient:vertical;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;word-break:break-word}.podcast__card__title:hover{color:var(--color-accent)}.podcast__ghost-btn{align-items:center;background-color:transparent;border:1px solid hsla(0,0%,100%,.6);border-radius:6px;box-sizing:border-box;color:var(--white);display:inline-flex;flex:1 0 auto;font-size:.72rem;font-weight:600;gap:5px;justify-content:center;max-width:100%;padding:5px 9px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.podcast__ghost-btn__icon{display:inline-block;font-size:.95rem;line-height:1}.podcast__ghost-btn:focus,.podcast__ghost-btn:hover{background-color:var(--white);border-color:var(--white);color:var(--black);transform:scale(1.02)}