/* Full-frame comparison: before on the left, after on the right. */
.gallery .ba-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gallery .ba{min-width:0}
.gallery .ba header{min-width:0}
.gallery .ba h3{font-size:1.05rem}
.gallery .ba header p{font-size:.78rem;line-height:1.5}
@media(max-width:1100px){.gallery .ba-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:560px){.gallery .ba-grid{grid-template-columns:minmax(0,1fr)}}
.gallery .ba-compare{--split:50%;grid-column:1/-1;position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:6px;background:var(--bg-soft);isolation:isolate}
.home-page .ba .ba-compare figure{position:absolute;inset:0;margin:0;border-radius:0;aspect-ratio:auto;background:var(--bg-soft)}
.home-page .ba .ba-compare figure img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.home-page .ba .ba-compare figcaption{display:none}
.ba-compare .ba-before{z-index:1;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.ba-compare .ba-after{z-index:0}
.ba-compare .ba-label{position:absolute;top:12px;z-index:2;padding:5px 10px;border-radius:4px;background:rgba(255,255,255,.95);color:var(--ink);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}
.ba-compare .ba-label.before{left:12px}
.ba-compare .ba-label.after{right:12px}
.ba-divider{position:absolute;top:0;bottom:0;left:var(--split);z-index:2;width:2px;transform:translateX(-1px);background:#fff;box-shadow:0 0 3px rgba(0,0,0,.45);pointer-events:none}
.ba-divider::after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;border:2px solid #fff;font-size:24px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.ba-compare .ba-range{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.ba-compare:focus-within{outline:3px solid var(--brand);outline-offset:3px}
.ba .ba-hint{grid-column:1/-1;text-align:center;color:var(--muted);font-size:.8rem;line-height:1.5;margin:8px 4px 4px}
@media(forced-colors:active){.ba-compare .ba-range{opacity:1;height:44px;top:auto}.ba-divider{background:CanvasText}}
.resource-copy .resource-case-pair{display:block;max-width:640px;margin:30px auto 12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.resource-case-pair .ba-compare{--split:50%;position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:6px;background:var(--bg-soft);isolation:isolate}
.resource-copy .resource-case-pair .ba-compare figure{position:absolute;inset:0;margin:0;padding:0}
.resource-copy .resource-case-pair .ba-compare img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;margin:0;border-radius:0;user-select:none;-webkit-user-drag:none}
.resource-case-pair .ba-compare figcaption{display:none}
.resource-copy .resource-case-pair .ba-hint{text-align:center;color:var(--muted);font-size:.8rem;line-height:1.5;margin:16px 4px 8px}
.resource-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:30px 0}
.resource-copy .resource-comparison-grid .resource-case-pair{max-width:none;min-width:0;width:100%;margin:0}
.resource-copy .resource-comparison-caption{margin:16px 8px 8px;line-height:1.6}
@media(max-width:600px){.resource-comparison-grid{grid-template-columns:minmax(0,1fr);gap:24px}}

/* Center the final pair in the ten-case featured gallery on four-column layouts. */
.featured-gallery-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:24px 0 32px;padding:28px;background:#fff;border:1px solid var(--line,#ddd);border-left:4px solid var(--brand);border-radius:8px}
.featured-gallery-callout #gallery-count{font-weight:700;font-size:.82rem;letter-spacing:.025em;color:var(--brand);margin:0 0 10px}
.featured-gallery-callout h3{margin:0 0 8px;font-size:1.4rem}
.featured-gallery-callout #gallery-more-message{margin:0;max-width:620px;line-height:1.6;color:var(--muted)}
.featured-gallery-callout .btn{flex-shrink:0;text-align:center;white-space:normal}
@media(max-width:760px){.featured-gallery-callout{flex-direction:column;align-items:stretch;padding:22px;gap:20px}}
@media(min-width:1101px){#gallery .ba-grid:not(:has(>.ba[hidden]))>.ba:nth-child(9):nth-last-child(2){grid-column:2;}}
/* Keep small filtered selections centered at the regular card width. */
@media(min-width:1101px){
  #gallery .ba-grid[data-visible-count="1"]{grid-template-columns:calc((100% - 54px)/4);justify-content:center}
  #gallery .ba-grid[data-visible-count="2"]{grid-template-columns:repeat(2,calc((100% - 54px)/4));justify-content:center}
  #gallery .ba-grid[data-visible-count="3"]{grid-template-columns:repeat(3,calc((100% - 54px)/4));justify-content:center}
}
@media(min-width:561px) and (max-width:1100px){
  #gallery .ba-grid[data-visible-count="1"]{grid-template-columns:calc((100% - 20px)/2);justify-content:center}
}