.journal-search{margin-top:24px;margin-bottom:40px;scroll-margin-top:120px}
.journal-search-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:20px;align-items:end}
.journal-search-fields>div{min-width:0}
.journal-search label{display:block;font-size:16px;margin-bottom:8px;font-weight:600}
.journal-search input,.journal-search select{display:block;width:100%;min-width:0;box-sizing:border-box;min-height:48px;border:1px solid #76796b;background:#fffdf8;border-radius:4px;padding:12px;color:#253526;font:inherit;font-size:16px}
.journal-search button{min-height:48px;max-width:100%;border:1px solid #3b4d3a;background:#3b4d3a;color:#fffdf8;border-radius:4px;padding:12px 18px;font:inherit;font-size:16px;cursor:pointer;white-space:normal}
.journal-search :is(input,select,button):focus-visible{outline:3px solid #793e38;outline-offset:3px}
#journal-result-count{font-size:16px;margin-top:18px}
#journal-empty{padding:20px;background:#efebe2;line-height:1.7}
#journal-search[hidden],#journal-empty[hidden],.journal-category[hidden],.journal-grid>a[hidden]{display:none!important}
@media(max-width:800px){.journal-search-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.journal-search-fields>div:first-child{grid-column:1/-1}.journal-search button{height:100%}}
@media(max-width:480px){.journal-search-fields{grid-template-columns:minmax(0,1fr);gap:16px}.journal-search{margin-top:16px;scroll-margin-top:100px}.journal-search button{width:100%}}