.jg-art { padding: .32rem .38rem calc(.6rem + env(safe-area-inset-bottom)); }
.jg-art-search { display:block; width:100%; min-height:.84rem; border:1px solid var(--jb-line); border-radius:.18rem; background:var(--jb-card); color:var(--jb-ink); padding:.18rem .3rem; font-size:.34rem; box-sizing:border-box; }
.jg-art-filters { display:flex; gap:.14rem; overflow-x:auto; padding:.24rem 0 .12rem; scrollbar-width:thin; }
.jg-art-filters button,.jg-art-more { flex:none; min-height:.72rem; border:1px solid var(--jb-line); border-radius:.16rem; padding:.08rem .28rem; font-size:.31rem !important; color:var(--jb-ink-2) !important; background:var(--jb-card); cursor:pointer; }
.jg-art-filters button[aria-pressed=true] { color:#fff !important; background:#176acc; border-color:#176acc; }
.jg-art-count { margin:.18rem 0 .25rem; font-size:.29rem; color:var(--jb-vice); }
.jg-art-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.24rem .18rem; }
.jg-art-card { display:flex; flex-direction:column; min-width:0; padding:0 0 .12rem; margin:0; border:0; border-radius:.16rem; overflow:hidden; color:var(--jb-ink) !important; background:var(--jb-card); text-align:left; }
button.jg-art-card { cursor:pointer; }
.jg-art-card:focus-visible,.jg-art-filters button:focus-visible,.jg-art-more:focus-visible { outline:2px solid #278df0; outline-offset:2px; }
.jg-art-media { position:relative; display:grid; place-items:center; width:100%; aspect-ratio:3/4; overflow:hidden; background:var(--jb-soft); }
.jg-art-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.jg-art-card strong,.jg-art-card small { display:block; padding:0 .12rem; }
.jg-art-card strong { margin-top:.12rem; font-size:.31rem; line-height:1.4; overflow-wrap:anywhere; }
.jg-art-card small,.jg-art-media small { margin-top:.04rem; font-size:.245rem; color:var(--jb-vice); }
.jg-art-more { display:block; margin:.32rem auto; } .jg-art-more[hidden] { display:none!important; }
.jg-art-venues { padding:.24rem 0; color:var(--jb-ink-2); font-size:.32rem; } .jg-art-venues summary { cursor:pointer; } .jg-art-venues .jg-venue { margin-top:.18rem; }