/* Shared inline dropdown for the home picker and article filters. */
.custom-select{position:relative;min-width:0;width:100%;text-align:left}
.custom-select .custom-select__button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 13px;border:1px solid #d8e3de;border-radius:9px;background:#fff;color:#223950;height:auto;font:inherit;font-weight:400;font-size:14px;line-height:1.4;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.custom-select .custom-select__button:after{content:'';flex:0 0 7px;width:7px;height:7px;border-right:1.5px solid #6d8177;border-bottom:1.5px solid #6d8177;transform:translateY(-2px) rotate(45deg)}
.custom-select .custom-select__button:hover{filter:none;border-color:#8caf9c}
.custom-select .custom-select__button:focus-visible{outline:2px solid #087c51;outline-offset:3px}
.custom-select.is-open>.custom-select__button{border-color:#79a98f;box-shadow:0 0 0 3px #087c510d}
.custom-select.is-open>.custom-select__button:after{transform:translateY(2px) rotate(225deg)}
.custom-select .custom-select__button.is-placeholder{color:#728078}
.custom-select .custom-select__button:disabled{color:#89958e;background:#f4f7f5;border-color:#e0e7e3;cursor:default;box-shadow:none}
.custom-select__list{position:absolute;z-index:50;top:calc(100% + 7px);left:0;width:100%;min-width:100%;padding:5px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #e0e8e3;border-radius:11px;background:#fff;box-shadow:0 10px 28px #173e2921;font-size:14px;font-weight:400;line-height:1.4}
.custom-select.opens-above>.custom-select__list{top:auto;bottom:calc(100% + 7px)}
.custom-select.is-open{z-index:50}
.custom-select__option{position:relative;display:flex;align-items:center;min-height:42px;padding:10px 30px 10px 10px;border-radius:6px;color:#263f32;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.custom-select__option:hover,.custom-select__option.is-active{background:#f0f6f2}
.custom-select__option[aria-selected=true]{background:#e7f3eb;color:#086b42;font-weight:500}
.custom-select__option[aria-selected=true]:after{content:'✓';position:absolute;right:10px;color:#087c51}
@media(max-width:600px){.custom-select .custom-select__button{font-size:16px;min-height:46px}.custom-select__list{font-size:15px}.custom-select__option{min-height:46px}}
@media(prefers-reduced-motion:reduce){.custom-select .custom-select__button{transition:none}}