/* Shared, non-clipping select menus for both course reading styles. */
.refined-select{position:relative;display:inline-flex;vertical-align:middle;max-width:100%;min-width:0}
select.refined-select-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;opacity:0!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important}
button.refined-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0;min-height:42px;padding:10px 13px;border:1px solid #3b4b5e;border-radius:9px;background:#1e252e;color:#d6e0ed;font:inherit;font-size:12px;line-height:1.5;text-align:left;cursor:pointer;box-shadow:0 2px 5px #0000000d;transition:border-color .18s,background-color .18s,box-shadow .18s}
.refined-select-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.refined-select-trigger>svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;flex:none;color:#93abc8;transition:transform .18s}
.refined-select-trigger[aria-expanded=true]{border-color:#6e9dd7;background:#243141;box-shadow:0 0 0 3px #548ee518}
.refined-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
.refined-select-trigger:hover{border-color:#6988ae;background:#25303e}
.refined-select-trigger:focus-visible{outline:2px solid #a5caff;outline-offset:3px}
.refined-select-trigger:disabled{cursor:not-allowed;opacity:.45}
.archive-date-filters .refined-select{width:100%;margin-bottom:8px}
.catalog-filters .refined-select,.index-filters .refined-select{max-width:180px}
.refined-select-menu{--menu-bg:#202832;--menu-line:#43556b;--menu-ink:#dce7f6;--menu-muted:#97abc5;--menu-selected:#2b4260;--menu-active:#2b3746;--menu-accent:#96c2ff;position:fixed;inset:auto;margin:0;padding:6px;border:1px solid var(--menu-line);border-radius:12px;background:var(--menu-bg);color:var(--menu-ink);box-shadow:0 18px 55px #03091170,0 3px 10px #03091130;overflow:hidden;font-family:var(--body-font,"Atlas Sans",sans-serif);font-size:13px;line-height:1.5;z-index:2000;box-sizing:border-box}
.refined-select-menu:not(.is-open){display:none}
.refined-select-menu.is-open{display:flex;flex-direction:column;animation:refined-select-in .14s ease-out}
.refined-select-menu::backdrop{background:transparent;pointer-events:none}
.refined-select-caption{flex:none;padding:9px 10px 10px;border-bottom:1px solid var(--menu-line);color:var(--menu-muted);font-size:11px;letter-spacing:.03em}
.refined-select-options{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--menu-line) transparent;min-height:0;padding:4px 0;position:relative}
.refined-select-group{padding:12px 10px 5px;color:var(--menu-muted);font-size:11px;font-weight:500;letter-spacing:.08em}
.refined-select-group:not(:first-child){margin-top:4px;border-top:1px solid color-mix(in srgb,var(--menu-line) 60%,transparent)}
.refined-select-option{display:flex;align-items:center;gap:14px;justify-content:space-between;min-height:40px;padding:8px 10px;margin:2px 0;border-radius:7px;color:var(--menu-ink);cursor:pointer;transition:background-color .12s}
.refined-select-option>span{min-width:0;overflow-wrap:anywhere}
.refined-select-option>svg{width:17px;height:17px;stroke:var(--menu-accent);stroke-width:1.8;flex:none;visibility:hidden}
.refined-select-option[aria-selected=true]{background:var(--menu-selected);color:var(--menu-accent);font-weight:500}
.refined-select-option[aria-selected=true]>svg{visibility:visible}
.refined-select-option.is-active{background:var(--menu-active);box-shadow:inset 2px 0 var(--menu-accent)}
.refined-select-option[aria-selected=true].is-active{background:var(--menu-selected)}
.refined-select-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}
body[data-variant=c] .refined-select-trigger{border-color:#cbc3b5;background:#f8f5ee;color:#36332d;border-radius:4px;box-shadow:0 2px 4px #4e3a2006}
body[data-variant=c] .refined-select-trigger>svg{color:#857466}
body[data-variant=c] .refined-select-trigger:hover,body[data-variant=c] .refined-select-trigger[aria-expanded=true]{border-color:#ba6a58;background:#fbf7ef;box-shadow:0 0 0 3px #ba4a3210}
body[data-variant=c] .refined-select-trigger:focus-visible{outline-color:#a83f30}
body[data-variant=c] .refined-select-menu{--menu-bg:#faf7ef;--menu-line:#d1c7b8;--menu-ink:#33302b;--menu-muted:#7a6d5d;--menu-selected:#f1e3d9;--menu-active:#eee9df;--menu-accent:#a33c2d;border-radius:7px;box-shadow:0 18px 45px #45352226,0 3px 10px #45352212}
body[data-variant=c] .refined-select-option{border-radius:3px}
@keyframes refined-select-in{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:900px){.refined-select-trigger{min-height:44px}.refined-select-menu{font-size:13px}.refined-select-option{min-height:44px}.catalog-filters label,.index-filters label{min-width:0}.catalog-filters .refined-select,.index-filters .refined-select{width:100%;max-width:100%}.refined-select-trigger{gap:9px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.refined-select-menu.is-open{animation:none}.refined-select-trigger,.refined-select-trigger>svg,.refined-select-option{transition:none}}
.motion-off .refined-select-menu.is-open{animation:none}
@media(forced-colors:active){.refined-select-trigger,.refined-select-menu{border-color:ButtonText}.refined-select-option.is-active{outline:1px solid Highlight}.refined-select-option[aria-selected=true]{color:Highlight}}