/* Z-129 v2 — /days/: полоса 23 дней, липкая полоса этапа и «сегодня», карточки дней выпиской из журнала,
   navy-вклейка «Луна над Атлантикой». Таймлайн (.timeline) — общий с главной (partials/timeline.j2, mode full|teaser). */

/* ───────── шапка страницы: гигантское число дней ───────── */
.days-head{padding:clamp(40px,7vw,110px) 0 clamp(28px,4vw,56px)}
.days-head h1{font-size:clamp(2.2rem,4.6vw,4.6rem);line-height:.98;max-width:16ch}
.dh-n{display:block;font:italic 400 clamp(7rem,22vw,19rem)/.8 var(--font-display);letter-spacing:-.05em;color:var(--accent);
  font-variant-numeric:lining-nums;margin-bottom:.06em}
.days-lede{margin:clamp(18px,2.4vw,30px) 0 0;font-size:clamp(1.08rem,.5vw + .98rem,1.35rem);line-height:1.5;max-width:56ch}
@media (min-width:900px){
  /* разворот: число дней слева, заголовок и лид справа по базовой линии */
  .days-head .wrap{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(32px,4vw,80px)}
  .days-head h1{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:end;max-width:none}
  .dh-n{margin:0;font-size:clamp(9rem,16vw,19rem)}
  .dh-rest{display:block;max-width:14ch;padding-bottom:.08em}
  .days-lede{grid-column:2}
}

/* ───────── полоса-таймлайн (общая с главной) ───────── */
.days-strip{padding:clamp(8px,2vw,24px) 0 clamp(32px,4vw,56px)}
.days-strip h2{font-size:clamp(1.6rem,2.4vw,2.6rem);margin-bottom:clamp(18px,2.4vw,32px)}
.strip-note{margin:14px 0 0;font:italic 400 .98rem/1.4 var(--font-display);color:var(--muted)}

/* сам таймлайн (.timeline, .tl-*) — components.css: общий с тизером на главной */

/* ───────── липкая полоса: этап · сегодня · счётчик ───────── */
.days-bar{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bar-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding-top:12px;padding-bottom:12px}
.stage-chips{display:flex;flex-wrap:wrap;gap:6px}
.stage-chips button{font:600 .92rem/1.1 var(--font-text);color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);
  border-radius:999px;min-height:40px;padding:0 14px;cursor:pointer}
.stage-chips button:hover{background:color-mix(in srgb,var(--ink) 8%,var(--paper))}
.stage-chips button[aria-checked=true]{background:var(--ink);color:var(--paper)}
.chip-d{font-weight:400;font-variant-numeric:lining-nums tabular-nums;margin-left:2px}
.today-line{margin:0;font-size:.98rem;flex:1 1 22ch;min-width:0}
.today-go{font-weight:600;color:var(--accent);padding:10px 0;white-space:nowrap}
.days-count{margin:0;min-height:0;font-size:.9rem;color:var(--muted);font-variant-numeric:lining-nums}
@media (min-width:900px){
  .days-bar{position:sticky;top:var(--header-h);z-index:20}
  .day{scroll-margin-top:88px}   /* + scroll-padding-top html (шапка): карточка встаёт под липкой полосой этапа */
}

/* ───────── карточки дней: дата крупно | выписка | фото стоянки ───────── */
.days-list{padding:clamp(16px,3vw,40px) 0 clamp(56px,8vw,120px)}
.days{list-style:none;margin:0;padding:0}
.list-h{font-size:clamp(1.6rem,2.4vw,2.6rem);margin:clamp(24px,3vw,40px) 0 clamp(14px,2vw,24px)}
.day{border-top:1px solid var(--ink);padding:clamp(22px,3vw,44px) 0}
.day-in{display:grid;gap:14px;min-width:0}
/* «сегодня» (timeline.js): кромка акцента и лёгкая заливка */
.day.is-today{border-top:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);
  margin:0 calc(var(--gutter) * -1);padding-left:var(--gutter);padding-right:var(--gutter)}
.day-date{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0;max-width:none}
.dd-n{font:900 clamp(3.6rem,6.5vw,7.5rem)/.82 var(--font-display);letter-spacing:-.04em;color:var(--accent);font-variant-numeric:lining-nums}
.dd-m{font:italic 500 1.2rem/1.2 var(--font-display)}
.dd-c{font-size:.9rem;color:var(--muted);font-variant-numeric:lining-nums}
.day-body{min-width:0;display:flex;flex-direction:column;gap:12px}
.day-kind{display:flex;align-items:center;gap:8px;margin:0;font-size:.92rem;color:var(--muted)}
.day-kind .tl-sw{width:14px;height:14px}
.day h3{font-size:clamp(1.5rem,1.2vw + 1rem,2.3rem);line-height:1.05}
.day-text{margin:0;max-width:60ch;font-size:clamp(1rem,.3vw + .95rem,1.15rem)}
.day-leg{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:flex-end}
.day-leg div{display:flex;flex-direction:column-reverse;gap:4px}
.day-leg dd{margin:0}
.day-leg dt{font-size:.85rem;color:var(--muted)}
.dl-route{flex-basis:100%}
.dl-route dd{font-weight:600}
.dl-num dd{font:800 clamp(1.8rem,2.2vw,2.6rem)/1 var(--font-display);color:var(--accent);font-variant-numeric:lining-nums tabular-nums}
.day-stop{display:flex;align-items:center;gap:12px;font-size:.95rem}
.day-stop p{margin:0}
.day-stop img{width:56px;height:56px;object-fit:cover;flex:none}
.day-photo{aspect-ratio:3/2}
@media (min-width:900px){
  .day-in{grid-template-columns:minmax(150px,.6fr) minmax(0,1.7fr) minmax(0,1.3fr);gap:clamp(24px,3vw,64px);align-items:start}
  .day-date{flex-direction:column;align-items:flex-start;gap:8px}
  .day-in:not(:has(.day-photo)):not(:has(.moon--big)) .day-body{grid-column:2 / -1}
  /* ночь над Атлантикой: луна крупно в колонке фото */
  .moon--big{flex-direction:column;align-items:flex-start;gap:16px;margin:0}
  .moon--big svg{width:clamp(120px,11vw,200px);height:auto}
  .moon--big figcaption b{font-size:clamp(1.8rem,2.2vw,2.6rem)}
}
@media (min-width:1800px){.day-in{grid-template-columns:minmax(200px,.5fr) minmax(0,1.5fr) minmax(0,1.3fr)}}

/* ───────── вклейка «Луна над Атлантикой»: navy, свои чернила ───────── */
.atlantic{--ink:#f2f6f8;--muted:#b7c7d3;--accent:#8ed2e3;--line:#2a4a68;--paper:var(--navy);
  background:var(--navy);color:var(--ink);padding:clamp(56px,8vw,120px) 0 clamp(40px,6vw,80px);margin:clamp(24px,4vw,56px) 0}
.atl-head{display:grid;gap:14px 48px;margin-bottom:clamp(28px,4vw,56px)}
.atl-head h2{color:var(--ink)}
.atl-cap{margin:0;font:italic 400 clamp(1.5rem,2vw,2.3rem)/1.15 var(--font-display);color:var(--accent)}
.atl-lede{margin:0;max-width:58ch;color:var(--ink)}
.atl-phases{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:14px 20px}
.atl-phases li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.85rem;color:var(--muted);font-variant-numeric:lining-nums}
.atlantic .day{border-top-color:var(--line)}
.atlantic .tl-sw{border-color:var(--accent-navy)}
.atl-note{margin:24px 0 0;font:italic 400 .95rem/1.4 var(--font-display);color:var(--muted)}
.moon-dark{fill:#1d4166}
.moon-lit{fill:#f4efe0}
.moon-rim{fill:none;stroke:var(--accent-navy);stroke-opacity:.55;stroke-width:1}
.moon{display:flex;align-items:center;gap:14px;margin:4px 0 0}
.moon svg{flex:none}
.moon figcaption{display:flex;flex-direction:column;gap:2px}
.moon figcaption b{font:800 1.5rem/1 var(--font-display);font-variant-numeric:lining-nums}
.moon figcaption span{font-size:.92rem;color:var(--muted)}
@media (min-width:900px){
  .atl-head{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:end}
  .atl-head h2{grid-column:1}
  .atl-cap{grid-column:1}
  .atl-lede{grid-column:2;grid-row:1 / span 2}
  .atl-phases{grid-column:1 / -1;gap:24px 40px}
}

@media print{.days-bar{position:static}.stage-chips,.today-go{display:none}.atlantic{background:none;color:#000}}