.cem-journal-tools{display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 14px;gap:10px}
.cem-journal-search{display:flex;min-width:0;width:min(100%,23rem);align-items:center;background:#faf7ef;border:1px solid #aca99a;border-radius:5px;overflow:hidden}
.cem-journal-search:focus-within{outline:2px solid #315b53;outline-offset:2px}
.cem-journal-search input{appearance:none;min-width:0;flex:1;padding:9px 12px;height:44px;color:#182e2b;background:transparent;border:0;font:inherit;font-size:16px}
.cem-journal-search input::placeholder{color:#52605a;opacity:1}
.cem-journal-search button{border:0;display:grid;place-items:center;flex:0 0 44px;min-height:44px;color:#163530;background:transparent;cursor:pointer}
.cem-journal-search button:focus-visible,.cem-topic-picker summary:focus-visible,.cem-topic-picker a:focus-visible{outline:2px solid #315b53;outline-offset:-3px}
.cem-search-state{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;color:#394940;font-size:.9rem}
.cem-search-state a{text-decoration:underline;text-underline-offset:.2em}
.cem-journal-tools{position:relative}
.cem-topic-picker{display:block;min-width:0;width:min(100%,17rem)}
 .cem-topic-picker summary{color:#19342e;display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:46px;border:1px solid #aaa899;border-radius:5px;padding:6px 10px;font-size:.9rem;line-height:1.2;cursor:pointer;overflow-wrap:anywhere;list-style:none}
 .cem-topic-picker summary::-webkit-details-marker{display:none}
 .cem-topic-picker[open] summary span{transform:rotate(180deg)}
 .cem-topic-picker nav{position:absolute;z-index:12;left:0;width:min(100%,34rem);top:calc(100% + 5px);display:grid;grid-template-columns:1fr 1fr;max-height:48vh;overflow:auto;padding:5px;background:#faf7ef;border:1px solid #aaa899;border-radius:5px;box-shadow:0 8px 18px #1c322119}
 .cem-topic-picker nav a{padding:8px 10px;min-height:44px;display:flex;align-items:center;font-size:.88rem;color:#19342e;overflow-wrap:anywhere}
 .cem-topic-picker nav a[aria-current]{background:#dce4d8;border-radius:3px}
 .cem-topic-picker nav a:hover{background:#ebe8de}
@media(max-width:740px){
 .cem-journal-tools{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);margin-bottom:20px}
 .cem-topic-picker,.cem-journal-search,.cem-topic-picker nav{width:100%}
}
