.episodes-refinement .page-intro{padding-top:60px;padding-bottom:30px}
.episodes-refinement .page-intro h1{font-size:clamp(52px,6.5vw,84px);line-height:1.08;letter-spacing:-.055em;margin:24px 0 18px}
.episodes-refinement .page-intro .lead{font-size:20px;line-height:1.6;margin:0;max-width:650px}
.episodes-refinement .episode-search-panel{background:#f3edfa;border:1px solid #e3d6ed;padding:32px 36px;margin-bottom:20px;border-radius:3px}
.episodes-refinement .episode-search-panel h2{font-size:26px;line-height:1.3;letter-spacing:-.035em;margin:0 0 8px}
.episodes-refinement #episode-search-help{font-size:14px;line-height:1.6;color:#66546f;margin:0 0 24px}
.episodes-refinement .episode-search-fields{display:grid;grid-template-columns:1fr 200px;gap:24px}
.episodes-refinement .episode-search-fields .field-label{display:block;font:600 12px/1.5 Poppins,sans-serif;margin-bottom:9px}
.episodes-refinement .episode-search-fields .field{font:400 14px/1.5 Poppins,sans-serif;color:#29104e;background-color:#fff;border:1px solid #cbb8dc;min-height:58px;padding:14px;border-radius:2px;width:100%;transition:background-color 220ms,border-color 220ms,box-shadow 220ms}
.episodes-refinement .episode-search-fields .field:hover{background-color:#fcf9ff;border-color:#b395c9}
.episodes-refinement .episode-search-fields .field:focus{outline:none;border-color:#9875b1;box-shadow:0 0 0 3px #7e22de12}
.episodes-refinement .episode-search-fields .field:focus-visible{outline:1px solid #a084b7;outline-offset:2px}
.episodes-refinement select.field{appearance:none;-webkit-appearance:none;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%23664d7d" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="m4 6 4 4 4-4"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 18px center;background-size:16px;padding-right:47px}
.episodes-refinement .episode-search-panel .results-bar{margin:24px 0 0;padding-top:18px;border-top:1px solid #dacbe6;align-items:center;font-weight:500;color:#66546f}
.episodes-refinement .episode-search-panel .clear-search{padding:9px 14px;border:1px solid #cbb8dc;border-radius:3px;background:#fff;color:#42215e;font:600 11px Poppins,sans-serif;transition:background 260ms,border-color 260ms,transform 320ms cubic-bezier(.22,1,.36,1)}
.episodes-refinement .episode-search-panel .clear-search:hover{background:#e8daf3;border-color:#ad8bc6;transform:translateY(-1px)}
.episodes-refinement main>.wrap{padding-bottom:40px}
.episodes-refinement :is(.button,.nav-listen){border-width:1px;transition:transform 360ms cubic-bezier(.22,1,.36,1),box-shadow 360ms cubic-bezier(.22,1,.36,1),background-color 280ms,color 280ms,border-color 280ms}
.episodes-refinement :is(.button,.nav-listen):is(:hover,:focus-visible){background:#d6b0ff;border-color:#d6b0ff;color:#160d2e;box-shadow:4px 5px 0 #7e22de;transform:translate(-2px,-3px)}
.episodes-refinement :is(.button,.nav-listen) .arrow{transition:transform 360ms cubic-bezier(.22,1,.36,1)}
.episodes-refinement :is(.button,.nav-listen):is(:hover,:focus-visible) .arrow{transform:translateX(3px)}
.episodes-refinement .arrow svg{fill:none;width:20px;height:20px}
.episodes-refinement :is(.button,.nav-listen):focus-visible{outline:2px solid #a889c3;outline-offset:3px}
@media(max-width:760px){.episodes-refinement .page-intro{padding-top:34px;padding-bottom:26px}.episodes-refinement .page-intro .lead{font-size:17px}.episodes-refinement .episode-search-panel{padding:24px 20px}.episodes-refinement .episode-search-fields{grid-template-columns:1fr;gap:18px}.episodes-refinement .episode-search-panel h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.episodes-refinement :is(.button,.nav-listen):is(:hover,:focus-visible),.episodes-refinement :is(.button,.nav-listen):is(:hover,:focus-visible) .arrow{transform:none}}
