/* ============ C1000 Gen 2 vs Explorer 1000 v2 — page treatment (2026-09-30) ====
   The A-vs-B page reuses the shared Review / comparison styles in
   f3800-review.css (.f3800-review scope) and the fork block in editorial.css.
   This file adds only what this template needs and nothing else owns:

     1. .vs-figs   — the two product outline drawings, side by side
     2. .vs-scale  — the single published-scale comparison figure

   Rules (docs/page-templates.md §0.1): one image per figure, never a montage,
   never a fabricated photo, every figure captioned with what it is. */

.vs-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
  margin:26px 0}
.vs-figs .review-fig{margin:0;display:flex;flex-direction:column}
.vs-figs .review-fig img{max-width:100%}
.vs-figs .review-fig figcaption{margin-top:auto}

.vs-scale{margin:28px 0;background:#fff;border:1px solid var(--line);
  padding:18px 18px 14px}
.vs-scale img{display:block;width:100%;max-width:820px;height:auto;
  margin:0 auto}
.vs-scale figcaption{margin:14px 0 0;padding-top:12px;
  border-top:1px solid var(--line);font-size:12px;line-height:1.6;
  color:var(--ink2);text-align:center}

@media(max-width:780px){
  .vs-figs{grid-template-columns:1fr;gap:16px}
  .vs-scale{padding:14px 14px 12px}
}
@media(max-width:560px){
  .vs-scale{padding:12px 10px 10px}
  .vs-scale figcaption{font-size:11.5px}
}
@media print{
  .vs-figs{grid-template-columns:1fr 1fr}
  .vs-scale{border-color:#162d28;break-inside:avoid}
}