/* Journal discovery: instant search, chips, sticky category bar, grid controls, header overlay */
.jchips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.jchip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid #C3CCD8;border-radius:999px;background:#fff;color:var(--ink);font:600 15px/1.2 var(--ui);text-decoration:none;cursor:pointer;white-space:nowrap}
.jchip:hover{border-color:var(--ink)}
.jchip:focus-visible,.jbtn:focus-visible,.fd-input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.jchip[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.jchip .jn{font-weight:500;font-size:13px;opacity:.7;font-variant-numeric:tabular-nums}
.jq{background:#F6F7F9}
.jbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font:700 16px var(--ui);cursor:pointer}
.jbtn:hover{background:var(--ink);color:#fff}
.jpop{margin-top:18px}
.jpop-h{font:700 12px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);margin:0 0 10px}
.jcount{font-family:var(--ui);font-size:17px;margin:.6em 0 0;color:var(--text-2)}
.jcount strong{color:var(--ink);font-size:clamp(22px,3vw,30px);font-stretch:85%}
/* search box */
.finder-box{position:relative}
.fd-form{position:relative;display:flex;align-items:center;margin:0}
.fd-ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;color:var(--text-2);pointer-events:none}
.fd-input{width:100%;min-width:0;min-height:56px;padding:0 52px 0 50px;border:2px solid var(--ink);border-radius:12px;background:#fff;color:var(--text);font:500 17px var(--ui);-webkit-appearance:none;appearance:none}
.fd-input::-webkit-search-cancel-button{display:none}
.fd-input::placeholder{color:#6B7686;opacity:1}
.fd-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:transparent;font:400 28px/1 var(--ui);color:var(--text-2);cursor:pointer}
.fd-clear[hidden]{display:none}
.fd-out{margin-top:14px}
.fd-out[hidden]{display:none}
.fd-status{font:600 15px var(--ui);color:var(--text-2);margin:0 0 10px}
.fd-filters{margin-bottom:12px}
.fd-filters:empty{display:none}
.fd-results{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fd-r a{display:block;padding:14px 16px;background:#fff;border:1px solid #DDE3EA;border-left:4px solid var(--ink);border-radius:6px;text-decoration:none;color:var(--text)}
.fd-r a:hover,.fd-r a:focus-visible{border-left-color:var(--accent)}
.fd-cat{display:block;font:700 12px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-hover);margin-bottom:4px}
.fd-t{display:block;font:700 18px/1.25 var(--display);font-stretch:90%;color:var(--ink);margin-bottom:4px;overflow-wrap:anywhere}
.fd-x{display:block;font-size:15px;line-height:1.5;color:var(--text-2);overflow-wrap:anywhere}
.fd-x mark{background:#FFE1E5;color:inherit;padding:0 1px;border-radius:2px}
.fd-more-wrap{margin:14px 0 0}
.fd-more[hidden],.jmore[hidden]{display:none}
/* Journal page */
.journal .jhead{padding-bottom:28px}
.jsearch{margin-top:-8px;padding-bottom:12px}
.jbrowse{padding:28px 0 72px!important}
.jb-h{font-size:clamp(22px,2.6vw,30px);margin:0 0 14px}
.jbar{position:sticky;top:var(--hdr,64px);z-index:20;margin:0 calc(-1 * var(--gut)) 16px;padding:10px var(--gut);background:rgb(221 227 234/.96);backdrop-filter:blur(8px);border-bottom:1px solid #C3CCD8;display:flex;flex-direction:column;gap:10px}
.jbar .jcats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:2px;margin:0 calc(-1 * var(--gut));padding-left:var(--gut);padding-right:var(--gut);scroll-padding-left:var(--gut)}
.jbar .jcats li{flex:0 0 auto}
.jsort{display:flex;gap:8px;align-items:center}
.jshow{font:600 15px var(--ui);color:var(--text-2);margin:0 0 16px}
.jgrid>[hidden]{display:none!important}
.jmore-wrap{text-align:center;margin:32px 0 0}
.jmore{min-width:220px}
/* home */
.jhome{margin:0 0 32px}
.jhome .jcount{margin:0 0 16px}
.jhome-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 22px}
.jhome .jpop-h{margin-top:4px}
/* overlay */
.finder-ov{position:fixed;inset:0;z-index:200;background:rgb(8 12 20/.6);display:flex;justify-content:center;align-items:flex-start;padding:0;overflow-y:auto;overscroll-behavior:contain}
.finder-ov[hidden]{display:none}
.fo-panel{width:100%;max-width:760px;min-height:100%;background:var(--paper);color:var(--text);padding:16px 16px 40px;box-shadow:0 24px 60px rgb(8 12 20/.35)}
.fo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.fo-h{font:700 13px var(--ui);letter-spacing:.14em;text-transform:uppercase;margin:0;color:var(--text-2)}
.fo-close{width:44px;height:44px;border:0;border-radius:50%;background:#fff;font:400 30px/1 var(--ui);color:var(--ink);cursor:pointer}
.fo-all{font:700 16px var(--ui);margin:22px 0 0}
.fo-all a{display:inline-flex;align-items:center;min-height:44px}
html.fo-open{overflow:hidden}
@media (min-width:700px){
 .finder-ov{padding:6vh 20px}
 .fo-panel{min-height:0;border-radius:12px;padding:22px 26px 28px}
 .jbar{flex-direction:row;align-items:center;justify-content:space-between}
 .jbar .jcats{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
 .jsort{flex:0 0 auto}
}
@media (max-width:420px){.fd-input{font-size:16px;padding-left:46px}.fd-ico{left:13px}.jchip{padding:0 13px;font-size:14px}.jhome-cta .btn{width:100%;justify-content:center}}
