#zjknit-preview .zj-gallery { padding:124px var(--chapter-gutter) clamp(72px,8cqw,120px); min-height:70svh; }
#zjknit-preview .zj-gallery-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:38px; color:var(--quiet); font-size:12px; }
#zjknit-preview .zj-gallery-breadcrumb a:hover { text-decoration:underline; text-decoration-color:var(--brand-red); text-underline-offset:5px; }
#zjknit-preview .zj-gallery-heading { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:28px; padding-bottom:28px; margin-bottom:32px; border-bottom:1px solid #dededc; }
#zjknit-preview .zj-gallery-heading h1 { font:500 clamp(36px,4.5cqw,64px)/1.2 var(--sans); letter-spacing:0; animation:none; }
#zjknit-preview .zj-gallery-filters { display:flex; flex-wrap:wrap; gap:8px 26px; }
#zjknit-preview .zj-gallery-filters[hidden] { display:none; }
#zjknit-preview .zj-gallery-filters button { border:0; border-bottom:1px solid transparent; border-radius:0; padding:10px 2px; min-height:44px; background:transparent; color:var(--quiet); font:inherit; }
#zjknit-preview .zj-gallery-filters button[aria-pressed="true"] { color:var(--ink); border-bottom-color:var(--brand-red); }
#zjknit-preview .zj-gallery-filters button:hover { color:var(--ink); }
#zjknit-preview :is(.zj-gallery-filters button,.zj-gallery-breadcrumb a):focus-visible { outline:2px solid var(--brand-red); outline-offset:5px; border-radius:4px; }
#zjknit-preview .zj-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px 24px; margin:0; padding:0; list-style:none; }
#zjknit-preview .zj-gallery-card { min-width:0; }
#zjknit-preview .zj-gallery-card[hidden] { display:none; }
#zjknit-preview .zj-gallery-card img { display:block; width:100%; aspect-ratio:4 / 3; object-fit:cover; border-radius:16px; background:#f1f1f1; }
#zjknit-preview .zj-gallery-card figcaption { padding-top:18px; }
#zjknit-preview .zj-gallery-card h2 { margin:0 0 12px; font-size:clamp(18px,1.7cqw,24px); font-weight:500; line-height:1.5; }
#zjknit-preview .zj-gallery-card dl { display:grid; gap:5px; margin:0; font-size:13px; line-height:1.8; }
#zjknit-preview .zj-gallery-card dl div { display:flex; gap:20px; }
#zjknit-preview .zj-gallery-card dt { color:var(--quiet); }
#zjknit-preview .zj-gallery-card dd { margin:0; }
@container (max-width:900px) { #zjknit-preview .zj-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container (max-width:540px) {
 #zjknit-preview .zj-gallery { padding-top:108px; }
 #zjknit-preview .zj-gallery-breadcrumb { margin-bottom:28px; }
 #zjknit-preview .zj-gallery-grid { grid-template-columns:minmax(0,1fr); gap:36px; }
 #zjknit-preview .zj-gallery-heading { gap:20px; margin-bottom:24px; padding-bottom:16px; }
 #zjknit-preview .zj-gallery-filters { gap:8px 24px; }
}