/* Public, server-paginated episode guide. Inherits the active site palette. */
.profile-episode-directory{margin-block:8px 48px;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--white);scroll-margin-top:24px;min-width:0}
.episode-directory-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.episode-directory-title{display:flex;align-items:center;gap:14px;min-width:0}
.episode-directory-icon{display:grid;place-items:center;width:52px;height:52px;flex:none;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--accent) 9%,var(--white));color:var(--accent)}
.episode-directory-icon svg{width:25px;height:25px}
.episode-directory-title h2{margin:0;color:var(--studio-color-heading,var(--ink));font-size:24px;line-height:1.5}
.episode-directory-title p{margin:4px 0 0;color:var(--muted);font-size:12px}
.episode-directory-count{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;white-space:nowrap}
.episode-directory-count b{color:var(--ink);font-size:24px;font-weight:750;font-variant-numeric:tabular-nums}
.episode-directory-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}
.episode-directory-filters>label{display:flex;flex:1 1 155px;flex-direction:column;gap:7px;min-width:0;color:var(--muted);font-size:11px;font-weight:550}
.episode-directory-filters>.episode-directory-search{flex:2 1 220px}
.episode-directory-input{display:flex;align-items:center;gap:10px;padding-inline:13px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--muted)}
.episode-directory-input input{flex:1;min-width:0;width:100%;padding:0;border:0;outline:0;background:transparent;color:var(--ink)}
.episode-directory-filters input,.episode-directory-filters select{height:44px;font:inherit;font-size:12px}
.episode-directory-filters select{width:100%;padding-inline:12px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink)}
.episode-directory-input:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.episode-directory-input input::placeholder{color:var(--muted);opacity:.85}
.episode-directory-submit{display:flex;align-items:center;justify-content:center;gap:9px;height:44px;padding-inline:18px;border:1px solid transparent;border-radius:10px;background:var(--accent);color:var(--on-accent);font:inherit;font-size:12px;font-weight:650;white-space:nowrap}
.episode-directory-submit:hover{filter:brightness(1.08)}
.episode-directory-summary{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-block:17px;color:var(--muted);font-size:10px}
.episode-directory-summary p{margin:0}.episode-directory-summary b{color:var(--ink);font-weight:650}.episode-directory-summary a{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:600;padding-block:5px}
.episode-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:10px}
.episode-directory-card{position:relative;display:flex;align-items:center;gap:12px;min-height:86px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--paper);transition:border-color .18s,background .18s;min-width:0}
.episode-directory-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--paper))}
.episode-directory-number{display:grid;place-items:center;align-self:stretch;min-height:52px;width:62px;flex:none;border-radius:9px;background:color-mix(in srgb,var(--accent) 9%,var(--white));color:var(--accent);font:750 27px/1.2 Alexandria,Arial,sans-serif;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.episode-directory-number.is-wide{font-size:17px;letter-spacing:-.4px}
.episode-directory-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.episode-directory-copy strong{font-size:12px;font-weight:650;line-height:1.7;overflow-wrap:anywhere}.episode-directory-copy time,.episode-directory-copy small{color:var(--muted);font-size:9px;line-height:1.7}
.episode-directory-open{display:grid;place-items:center;color:var(--muted);flex:none}.episode-directory-open svg{width:15px;height:15px}.episode-directory-card:hover .episode-directory-open{color:var(--accent)}
[dir=rtl] .episode-directory-open svg,[dir=rtl] .episode-directory-jump svg{transform:rotate(180deg)}
.episode-directory-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.episode-directory-pages{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.episode-directory-page,.episode-directory-step{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:38px;padding-inline:9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:11px;font-weight:550;line-height:1;font-variant-numeric:tabular-nums;background:var(--paper)}
.episode-directory-step{padding-inline:13px}.episode-directory-pages a:hover{color:var(--accent);border-color:var(--accent)}.episode-directory-page.is-current{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.episode-directory-step[aria-disabled=true]{opacity:.4;background:transparent;border-color:transparent}.episode-directory-ellipsis{padding-inline:3px;color:var(--muted)}
.episode-directory-jump{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.episode-directory-jump input{width:56px;min-height:38px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;text-align:center}.episode-directory-jump button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink)}
.episode-directory-empty{padding:35px 16px;text-align:center}.episode-directory-empty>svg{width:34px;height:34px;color:var(--accent)}.episode-directory-empty h3{margin:14px 0 7px;font-size:18px}.episode-directory-empty p{color:var(--muted);font-size:12px}.episode-directory-empty a{display:inline-flex;align-items:center;gap:12px;margin-top:10px;color:var(--accent);font-size:12px;font-weight:600}
.profile-episode-directory :is(a,button,select,input):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.episode-directory-input input:focus-visible{outline:none}
@media(min-width:1500px){.episode-directory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1150px){.episode-directory-footer{justify-content:center}}
@media(max-width:800px){.profile-episode-directory{padding:20px}.episode-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.episode-directory-filters>.episode-directory-search{flex-basis:100%}.episode-directory-submit{flex:1 1 120px}.episode-directory-title h2{font-size:21px}}
@media(max-width:540px){.profile-episode-directory{padding:16px 12px;margin-block:4px 28px;border-radius:16px;scroll-margin-top:16px}.episode-directory-head{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:16px}.episode-directory-icon{width:42px;height:42px;border-radius:12px}.episode-directory-title{gap:10px}.episode-directory-title h2{font-size:19px}.episode-directory-title p{font-size:10px}.episode-directory-count{gap:7px;font-size:10px;margin-inline-start:52px}.episode-directory-count b{font-size:18px}.episode-directory-filters{padding:12px;gap:10px}.episode-directory-filters>label{flex-basis:calc(50% - 10px)}.episode-directory-submit{flex-basis:100%}.episode-directory-summary{font-size:9px;gap:5px;padding-block:12px}.episode-directory-summary>span{display:none}.episode-directory-grid{gap:8px}.episode-directory-card{min-height:96px;gap:9px;padding:10px 8px;align-items:flex-start;flex-direction:column}.episode-directory-number{width:auto;align-self:auto;min-height:0;background:transparent;font-size:25px;letter-spacing:-.8px}.episode-directory-number.is-wide{font-size:20px}.episode-directory-copy{gap:1px}.episode-directory-copy strong{font-size:10px}.episode-directory-copy time,.episode-directory-copy small{font-size:8px}.episode-directory-open{position:absolute;top:14px;inset-inline-end:8px}.episode-directory-footer{gap:14px;margin-top:16px;padding-top:15px}.episode-directory-pages{gap:4px;justify-content:center}.episode-directory-page{min-width:30px;padding-inline:7px;height:36px;font-size:10px}.episode-directory-step{padding-inline:7px;font-size:9px;height:36px}.episode-directory-ellipsis{padding:0}.episode-directory-empty h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.episode-directory-card{transition:none}}