.custom-select{width:100%;min-width:0}
.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:48px;padding:12px 14px;border:1px solid #cdd7c3;border-radius:12px;background:#f8f9f4;color:#47573a;text-align:left;font-size:14px;line-height:1.7;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}
.custom-select-trigger:hover{background:#fff;border-color:#a5b693}
.custom-select-trigger[aria-expanded=true]{background:#fff;border-color:#92a67c;box-shadow:0 0 0 3px #78965912}
.custom-select-trigger:focus-visible{outline:2px solid #789659;outline-offset:3px}
.custom-select-text{min-width:0;overflow-wrap:anywhere}
.custom-select-trigger>svg{width:20px;height:20px;flex:none;color:#7c8c6c;transition:transform .2s}
.custom-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
.custom-select-menu{position:fixed;z-index:1000;box-sizing:border-box;padding:6px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #d4ddcb;border-radius:15px;background:#fcfdf9;box-shadow:0 12px 36px #34452a18,0 3px 8px #34452a08;scrollbar-width:thin;scrollbar-color:#c4cfb9 transparent;animation:select-reveal .16s ease-out;transform-origin:top}
.custom-select-menu[hidden]{display:none}
.custom-select-menu[data-side=above]{transform-origin:bottom}
.custom-select-option{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:10px 12px;border-radius:9px;color:#59654c;font-size:14px;line-height:1.6;cursor:pointer;transition:background .12s,color .12s}
.custom-select-option+.custom-select-option{margin-top:2px}
.custom-select-option>span{min-width:0;overflow-wrap:anywhere}
.custom-select-option>svg{width:18px;height:18px;flex:none;opacity:0}
.custom-select-option[aria-selected=true]{color:#3f5531;background:#edf2e6;font-weight:500}
.custom-select-option[aria-selected=true]>svg{opacity:1}
.custom-select-option.is-active{background:#e3ebd8;color:#354a28}
.journal-tools .journal-category-field{min-width:210px;max-width:100%}
.journal-tools label{margin:0}
.journal-category-field>label{min-width:0;margin:0 0 8px}
@keyframes select-reveal{from{opacity:0;transform:translateY(-3px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:650px){.journal-tools .journal-category-field{width:100%;min-width:0}.custom-select-trigger{min-height:50px}.custom-select-option{min-height:48px}}
@media(prefers-reduced-motion:reduce){.custom-select-menu{animation:none}.custom-select-trigger,.custom-select-trigger>svg,.custom-select-option{transition:none}}