/* Z-134 «Судовой журнал» (partials/atlas.j2): шесть разворотов после скраба глав. Каждый — на тоне своей главы (та же дуга,
   что у .voyage: бирюза → голубая → navy → базальт → чернила); у глав 1 и 4 — фон-картина под затемнением (включает index.js
   классом .is-near, чтобы фон не грузился с первым экраном; до него — сплошной navy). Старая карта плеча — вклейка в паспарту;
   фото — рамка без скруглений, подпись курсивом Playfair вне фото, автор и лицензия — Onest мелко. */
.atlas{--gap:clamp(12px,1.6vw,24px)}
.atlas-top-head{padding-top:clamp(64px,9vw,140px);padding-bottom:clamp(28px,4vw,56px)}
.atlas-top-head h2{margin:0}
.atlas-kicker{margin:0 0 10px;font:italic 400 1.05rem/1.3 var(--font-display);color:var(--accent)}
.atlas-lede{color:var(--muted);margin:14px 0 0;max-width:62ch}

/* ── разворот: тон главы и набор чернил ── */
.atlas-spread{--sp:var(--paper);background:var(--sp);color:var(--ink);padding:clamp(48px,6vw,104px) 0}
.atlas-spread--1{--sp:var(--navy)}
.atlas-spread--2{--sp:var(--tone-1)}
.atlas-spread--3{--sp:var(--tone-2)}
.atlas-spread--4{--sp:var(--navy)}
.atlas-spread--5{--sp:var(--basalt)}
.atlas-spread--6{--sp:var(--tone-5)}
.atlas-spread[data-mode=light]{--ink:#131110;--muted:#3d3d3b;--accent:var(--accent-deep);--frame:rgba(10,37,64,.08)}
.atlas-spread[data-mode=navy]{--ink:var(--ink-on-navy);--muted:var(--muted-on-navy);--accent:var(--accent-navy);--frame:rgba(242,246,248,.08)}
.atlas-spread[data-mode=dark]{--ink:#f7f3ee;--muted:#c4bab0;--accent:var(--ochre);--frame:rgba(247,243,238,.07)}
/* фон-картина: затемнение сверху и снизу плотнее — там заголовок и подписи; сама картина видна в середине */
.atlas-spread--bg{background-color:var(--sp);background-position:center;background-size:cover}
.atlas-spread--1.is-near{background-image:linear-gradient(180deg,rgba(6,16,30,.86),rgba(6,16,30,.74) 45%,rgba(6,16,30,.88)),url(../../img/route/ch1-night-sea.jpg)}
.atlas-spread--4.is-near{background-image:linear-gradient(180deg,rgba(6,16,30,.86),rgba(6,16,30,.72) 45%,rgba(6,16,30,.88)),url(../../img/route/ch4-atlantic-dawn.jpg)}

.atlas-head{margin-bottom:clamp(20px,3vw,40px);max-width:70ch}
.atlas-no{margin:0 0 6px;font:italic 400 1.05rem/1.3 var(--font-display);color:var(--accent)}
.atlas-head h3{margin:0;font:800 clamp(1.8rem,3.2vw,3rem)/1.05 var(--font-display);color:var(--ink)}
.atlas-bgcap{margin:12px 0 0;font:italic 400 .95rem/1.4 var(--font-display);color:var(--muted)}
.atlas-bgcap small,.atlas-fig figcaption small{display:inline-block;font:400 .76rem/1.35 var(--font-text);font-style:normal;margin-left:.3em;opacity:.95}

/* ── фото ── */
.atlas-fig{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.atlas-fig figcaption{font:italic 400 .95rem/1.4 var(--font-display);color:var(--muted)}
.atlas-link{display:block;flex:1 1 auto;min-height:0;cursor:zoom-in;color:inherit}
.atlas-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.atlas-fig .frame-img{display:block;position:relative;width:100%;overflow:hidden;background:var(--frame)}
.atlas-fig img{display:block;width:100%;height:auto}
/* вклейка (lead) — в своих пропорциях целиком; остальные — кадр 3:2, фото «cover» (абсолютное: высоту ряда задаёт вклейка) */
.atlas-fig--side .frame-img,.atlas-fig--rest .frame-img{aspect-ratio:3/2}
/* ряд rest: фигура по высоте своего содержимого — подпись прилегает к фото и при подписях разной длины у соседей */
.atlas-fig--rest{align-self:start}
.atlas-fig--rest .atlas-link{flex:0 0 auto}
.atlas-fig--side img,.atlas-fig--rest img{position:absolute;inset:0;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.atlas-link:hover img{transform:scale(1.03)}
.atlas-fig--lead .frame-img{background:none}
/* старая карта — бумажная вклейка: паспарту, волосяная рамка, мягкая тень, чуть повёрнута */
.atlas-fig--chart .atlas-link{padding:clamp(10px,1.3vw,20px);background:#f7f2e4;border:1px solid rgba(19,17,16,.12);
  box-shadow:0 1px 2px rgba(19,17,16,.12),0 18px 40px -18px rgba(19,17,16,.55);rotate:-.4deg}
.atlas-fig--chart .frame-img{outline:1px solid rgba(19,17,16,.18)}
.atlas-fig--chart figcaption{margin-top:6px}

/* ── раскладка: телефон — одна колонка ── */
.atlas-top,.atlas-side,.atlas-rest{display:grid;gap:var(--gap)}
.atlas-top+.atlas-rest{margin-top:var(--gap)}
@media (min-width:600px){
  .atlas-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .atlas-rest{grid-template-columns:repeat(2,minmax(0,1fr))}
  .atlas-rest--1{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:900px){
  .atlas-top{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch}
  .atlas-fig--lead{align-self:start}
  /* колонка справа — ровно высота вклейки: два фото делят её пополам, кадр тянется по высоте */
  .atlas-side{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr)}
  .atlas-fig--side .frame-img{aspect-ratio:auto;height:100%;min-height:120px}
  .atlas-rest--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .atlas-rest--1 .atlas-fig--rest .frame-img{aspect-ratio:5/2}
}
@media (min-width:2000px){.atlas .wrap{max-width:1840px}}
@media (prefers-reduced-motion:reduce){.atlas-link img{transition:none}.atlas-link:hover img{transform:none}}

/* ───────── лайтбокс (как на /boat/, pages/boat.css) ───────── */
:root:has(dialog.lb[open]),html.lb-open{overflow:hidden}
.lb{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(56px,6vh,72px) clamp(12px,5vw,96px) clamp(16px,3vh,32px);
  border:0;background:var(--navy);color:#f2f6f8}
.lb::backdrop{background:rgba(10,37,64,.6)}
.lb[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:0;flex:1 1 auto;justify-content:center}
.lb-img{max-width:100%;max-height:calc(100dvh - 190px);object-fit:contain;min-height:0}
.lb-cap{font:italic 400 1.1rem/1.4 var(--font-display);text-align:center;max-width:60ch}
.lb-count{margin:0;font-size:.9rem;color:#c9d6e0;font-variant-numeric:tabular-nums}
/* вторая строка подписи — автор · лицензия (lightbox.js, из <small> в figcaption) */
.lb-credit{display:block;margin-top:4px;font:400 .82rem/1.4 var(--font-text);font-style:normal;color:#c9d6e0}
.lb-btn{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1.5px solid #f2f6f8;background:rgba(10,37,64,.6);color:#f2f6f8;cursor:pointer}
.lb-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lb-btn:hover{background:#f2f6f8;color:var(--navy)}
.lb-btn:focus-visible{outline:3px solid #8ed2e3;outline-offset:3px}
.lb-close{top:12px;right:12px}
.lb-prev{left:clamp(8px,2vw,28px);top:50%;transform:translateY(-50%)}
.lb-next{right:clamp(8px,2vw,28px);top:50%;transform:translateY(-50%)}
@media (max-width:699px){.lb-prev,.lb-next{top:auto;bottom:14px;transform:none}}
/* телефон: автор и лицензия — своей строкой, без висячего отступа */
@media (max-width:599px){.atlas-bgcap small,.atlas-fig figcaption small{display:block;margin:2px 0 0}}