.series-favorite-card,.series-favorite-heading{position:relative}
.series-card-target{position:absolute;inset:0;z-index:1;border-radius:inherit}
.series-card-target:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.series-favorite-card .podcast-head-text>h2,.series-favorite-heading .series-brand-copy>h1{padding-right:30px}
.favorite-star{position:absolute;top:7px;right:7px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:9px;border:0;border-radius:50%;background:transparent;color:#526c84;cursor:pointer;touch-action:manipulation}
.favorite-star svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.favorite-star[aria-pressed="true"]{color:#a96c00}
.favorite-star[aria-pressed="true"] svg{fill:#f4bc3d}
.favorite-star:hover{background:#dceafb}
.favorite-star:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;background:#eaf3fc}
.favorite-star[hidden],.my-library[hidden],.favorite-status[hidden]{display:none}
.series-favorite-heading>.favorite-star{top:0;right:0}
.my-library{border:1px solid #bdd3e9;border-radius:13px;background:#f1f7fd;margin:0 0 22px;overflow:hidden}
.my-library>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;font-size:21px;font-weight:800;color:#123958;cursor:pointer;list-style:none}
.my-library>summary::-webkit-details-marker{display:none}
.my-library>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.my-library-count{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:#536a7d;white-space:nowrap}
.my-library-count:after{content:"▼";font-size:11px;color:#0c4fba}
.my-library[open] .my-library-count:after{content:"▲"}
.my-library-body{padding:0 14px 14px}
.my-library-body>p{font-size:13px;color:var(--muted);margin:0 4px 12px}
/* Shared compact favorite tiles: three across on narrow phone screens. */
.my-library{--favorite-tile-width:min(110px,calc((100vw - 68px)/3))}
.my-library-grid.podcast-grid{grid-template-columns:repeat(auto-fill,var(--favorite-tile-width));margin:0;gap:8px;grid-auto-flow:row}
.my-library .my-library-grid>.series-favorite-card{border-radius:10px;min-width:0}
.my-library .my-library-grid>.series-favorite-card>.podcast-head{padding:7px;gap:6px;min-height:0;display:flex;flex-direction:column;align-items:stretch}
.my-library .my-library-grid .podcast-head-text{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;flex:1;align-content:start}
.my-library .my-library-grid .podcast-head-text>h2{grid-column:1;grid-row:1;margin:0;padding:0;min-height:2.5em;font-size:14px;line-height:1.25;align-self:start;overflow-wrap:anywhere}
.my-library .my-library-grid .podcast-head .series-logo{grid-column:1;grid-row:2;width:calc(100% - 32px);height:64px;margin:0;align-self:start;display:flex;align-items:center;justify-content:center}
.my-library .my-library-grid .podcast-head .series-logo img{width:100%;height:auto;max-height:64px;object-fit:contain}
.my-library .my-library-grid .podcast-head .podcast-toggle{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;margin:0;width:100%;font-size:12px;line-height:1.45;white-space:normal}
.my-library .my-library-grid .favorite-star{top:52px;right:0;width:36px;height:44px;padding:7px 5px}
.my-library .my-library-grid .favorite-star svg{width:24px;height:24px}
.my-library .my-library-grid .series-card-cta>span{display:none}
@media(max-width:360px){.my-library .my-library-grid .podcast-head-text>h2{font-size:12px}.my-library .my-library-grid .podcast-head .podcast-toggle{font-size:10px}.my-library .my-library-grid .series-card-cta>span{display:none}}
.favorite-status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100vw - 28px);width:max-content;box-shadow:0 4px 20px #12395826;padding:10px 14px;border-left:3px solid #0c82bc;background:#edf6ff;border-radius:5px;font-size:14px;color:#27435d;margin:0 0 16px}
@media(max-width:600px){.my-library>summary{font-size:19px;padding:13px 14px}.my-library-body{padding:0 10px 10px}.series-favorite-heading .series-brand-copy>.eyebrow{padding-right:28px}}

.my-library-header-note{display:none}
@media(min-width:851px){
.my-library>summary{gap:0}
.my-library>summary>#my-library-title{flex:0 0 auto}
.my-library-header-note{display:block;flex:1;min-width:0;margin:0 18px 0 48px;font-size:13px;line-height:1.45;font-weight:400;color:var(--muted)}
.my-library-header-note{position:relative;top:1px}
.my-library-body>p{display:none}
}

/* Each row grows only as tall as its longest series title. */
.my-library .my-library-grid>.series-favorite-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(min-content,1fr) 64px auto;row-gap:6px;padding:7px;background:#eef2f6}
.my-library .my-library-grid>.series-favorite-card>.podcast-head,.my-library .my-library-grid .podcast-head-text{display:contents}
.my-library .my-library-grid .podcast-head-text>h2{grid-column:1;grid-row:1;min-height:0;display:block;overflow:visible;-webkit-line-clamp:unset}
.my-library .my-library-grid .podcast-head .podcast-toggle{grid-column:1;grid-row:3}
.my-library .my-library-grid .favorite-star{position:relative;grid-column:1;grid-row:2;top:auto;right:auto;justify-self:end;align-self:center;margin-right:-7px}
@media(max-width:850px){
.my-library .my-library-grid>.series-favorite-card{grid-template-rows:minmax(min-content,1fr) 44px auto;row-gap:4px}
.my-library .my-library-grid .podcast-head .series-logo{grid-column:1;grid-row:2;width:calc(100% - 36px);max-width:44px;height:44px}
.my-library .my-library-grid .podcast-head .series-logo img{max-height:44px}
}
/* Nine compact cards fit across the full desktop library. */
@media(min-width:851px){
.my-library{--favorite-tile-width:106px}
.my-library .my-library-grid>.series-favorite-card{grid-template-rows:minmax(min-content,1fr) 58px auto}
.my-library .my-library-grid .podcast-head-text>h2{font-size:13px}
.my-library .my-library-grid .podcast-head .series-logo{height:58px}
.my-library .my-library-grid .podcast-head .series-logo img{max-height:58px}
}


.series-directory-footer{align-items:center;justify-content:space-between;gap:12px}
.series-directory-request{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:8px;color:var(--blue);font-size:13px;font-weight:700;text-decoration:none}
.series-directory-request:hover{color:#073f98;text-decoration:none}
.series-directory-request:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:6px}

/* Directory stars share the existing favorites system without changing the list grid. */
.series-directory-item{display:flex;align-items:center;min-width:0}
.series-directory-item>.favorite-star{position:static;flex:0 0 24px;width:24px;height:32px;padding:4px;border-radius:5px;color:#7b8590}
.series-directory-item>.favorite-star svg{width:16px;height:16px}
.series-directory-item>.favorite-star[aria-pressed="true"]{color:#a96c00}
.series-directory-item>.series-directory-link{flex:1;min-width:0;padding-left:1px}
.series-directory-item>.favorite-star[hidden]+.series-directory-link{padding-left:8px}
@media(max-width:850px){.series-directory-item>.favorite-star{height:44px}.series-directory-item>.favorite-star[hidden]+.series-directory-link{padding-left:6px}}

/* Removing a saved series requires confirmation; adding remains immediate. */
.favorite-remove-confirm{width:286px;max-width:calc(100vw - 28px);margin:auto;padding:22px;border:1px solid #bdd3e9;border-radius:14px;background:#fff;color:var(--ink);font:inherit;text-align:center;box-shadow:0 12px 45px #061b3433}
.favorite-remove-confirm::backdrop{background:#061b3459}
.favorite-remove-symbols{display:flex;align-items:center;justify-content:center;gap:12px}
.favorite-remove-symbols svg{display:block;width:34px;height:34px;fill:none;stroke-width:1.7;stroke-linejoin:round}
.favorite-remove-symbols .favorite-remove-gold{fill:#f4bc3d;stroke:#a96c00}
.favorite-remove-symbols .favorite-remove-outline{stroke:#7b8590}
.favorite-remove-symbols .favorite-remove-arrow{width:25px;height:25px;stroke:#526c84;stroke-linecap:round}
.favorite-remove-confirm h2{margin:14px 0 18px;font-size:19px;line-height:1.3}
.favorite-remove-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.favorite-remove-actions{display:flex;gap:10px}
.favorite-remove-actions>.button{flex:1;min-width:0;width:auto;min-height:44px;margin:0;padding:10px 14px;cursor:pointer}
@media(min-width:851px){.favorite-remove-confirm{width:max-content;min-width:310px}}

/* Empty libraries keep the compact toggle; the star instructions belong only to the expanded body. */
.my-library-empty[hidden],.my-library-grid[hidden],.my-library.is-empty>.my-library-body>p,.my-library.is-guidance-dismissed>.my-library-body>p{display:none}
main>.my-library.is-empty>summary>.my-library-header-note,main>.my-library:not([open])>summary>.my-library-header-note,main>.my-library.is-guidance-dismissed>summary>.my-library-header-note{visibility:hidden}
main>.my-library:not([open])>.my-library-body{display:none}
.my-library-empty{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:-30px;padding:0 10px 4px}
.my-library-empty-visual{flex:0 0 auto;text-align:center}
.my-library-empty-art{display:block;width:144px;height:auto;margin:0 auto}
.my-library-empty-visual>h2{margin:2px 0 0;color:#192337;font-size:18px;line-height:1.3}
.my-library-empty>p{margin:0;color:#56687c;font-size:15px;line-height:1.5}
@media(min-width:851px){
.my-library.is-empty>summary{position:relative;z-index:1}
.my-library.is-empty>.my-library-body{padding-bottom:9px}
}
@media(max-width:850px){
.my-library-empty{flex-direction:column;gap:7px;margin-top:-10px;padding:0;text-align:center}
.my-library-empty-art{width:154px}
.my-library-empty-visual>h2{font-size:20px}
.my-library-empty>p{font-size:14px;line-height:1.45}
}
/* Mobile library: lift visible instructions 2px and saved-series cards 3px independently. */
@media(max-width:850px){
main>.my-library[open]>.my-library-body>p{top:-12px}
main>.my-library[open]>.my-library-body>.my-library-grid{position:relative;top:-3px}
}