/* Journal: search, filter chips, image cards */
.jsec{padding-top:clamp(12px,2vw,24px)}
.jbar{position:sticky;top:var(--hdr-h,57px);z-index:20;margin:0 calc(-1*clamp(16px,4vw,40px));padding:.7rem clamp(16px,4vw,40px) .55rem;background:rgba(244,239,232,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.jsearch{position:relative;max-width:40rem}
.jsearch input{width:100%;box-sizing:border-box;min-height:48px;padding:.7rem 3rem .7rem 2.7rem;border:1px solid rgba(29,24,26,.28);border-radius:99px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%235a4d44' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E") no-repeat 1rem 50%;font:500 1rem/1.3 var(--sans);color:var(--ink);-webkit-appearance:none;appearance:none}
.jsearch input::-webkit-search-cancel-button{display:none}
.jsearch input:focus{outline:2px solid var(--accent-deep);outline-offset:1px;border-color:transparent}
.jclear{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:var(--panel);color:var(--ink);font:400 1.4rem/1 var(--sans);cursor:pointer}
.jclear[hidden]{display:none}
.jchips{display:flex;gap:.45rem;overflow-x:auto;padding:.6rem 0 .15rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.jchips::-webkit-scrollbar{display:none}
.jchip{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:.4em;min-height:44px;padding:.45em .95em;border:1px solid rgba(29,24,26,.22);border-radius:99px;background:#fbf8f3;color:var(--ink);font:600 .88rem/1 var(--sans);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.jchip span{font-weight:700;font-size:.75rem;padding:.2em .5em;border-radius:99px;background:var(--panel);color:var(--text-secondary)}
.jchip[aria-pressed="true"]{background:var(--ink);color:var(--accent);border-color:var(--ink)}
.jchip[aria-pressed="true"] span{background:rgba(207,174,107,.22);color:var(--accent)}
.jchip.zero{opacity:.45}
.jcount{margin:.9rem 0 .7rem;font-size:.9rem}
.jgrid{display:grid;gap:.75rem;grid-template-columns:1fr}
.jcard.card{display:grid;grid-template-columns:112px 1fr;gap:.85rem;align-items:start;padding:.6rem;color:inherit}
.jcard[hidden]{display:none!important}
.jimg{width:112px;height:84px;object-fit:cover;border-radius:10px;display:block;background:var(--panel)}
.jtx h3{font-size:1rem;line-height:1.3;margin:.2rem 0 .25rem}
.jtx p{font-size:.9375rem;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jtx .tag{font-size:.62rem}
.jcard mark{background:rgba(207,174,107,.4);color:inherit;border-radius:2px}
@media (min-width:600px){
 .jgrid{grid-template-columns:1fr 1fr;gap:1rem}
 .jcard.card{display:flex;flex-direction:column;padding:0;overflow:hidden}
 .jimg{width:100%;height:auto;aspect-ratio:4/3;border-radius:0}
 .jtx{padding:.9rem 1rem 1.1rem}
 .jtx h3{font-size:1.1rem}
 .jtx p{-webkit-line-clamp:3}
}
@media (min-width:1000px){.jgrid{grid-template-columns:repeat(3,1fr)}}
.jnone{text-align:center;padding:2rem 1rem;border:1px dashed var(--line);border-radius:var(--r);margin-top:1rem}
.jnone[hidden]{display:none}
.jnone .acts{justify-content:center;flex-wrap:wrap}
.jfig{margin:0 0 1.4rem}
.jfig img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);display:block}
.jcta{margin:2rem 0 1.2rem;padding:1.3rem 1.4rem;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.jcta h2{margin-top:0}
.article .meta a{color:inherit}