/* Styles propres au gabarit "Climbing" (profil d'ascension, pas une boucle
   — voir docs/spec-climbing-template.md). Réutilise .trek-hero, .facts-bar,
   .loop-grid, .loop-sticky, .loop-map-card, .loop-node, .day-card et
   assets/js/trek-loop.js de trek-detail.css tels quels (même mécanique de
   synchronisation clic ↔ surbrillance). Le header, footer et les tokens
   partagés sont dans base.css. */

/* ===== PERFIL DE ASCENSO (remplace la boucle SVG des treks) ===== */
.ascent-card{ padding-bottom:18px; }
#ascentSvg{ width:100%; height:auto; display:block; }
.ascent-silhouette{ fill:rgba(159,209,232,0.08); }
.ascent-silhouette.fore{ fill:rgba(159,209,232,0.16); }
.ascent-route{ fill:none; stroke:#3E6E88; stroke-width:2; stroke-dasharray:2 7; stroke-linecap:round; }
.ascent-summit-mark{ fill:none; stroke:#5EB3E8; stroke-width:1.5; }

/* Cotización técnica — tag distinct du tag de terrain (couleur glacier vive) */
.day-tags span.grade-tag{
  background:var(--glacier); border-color:var(--glacier); color:#F7F4EC; font-weight:600;
}

.descent-note{ margin-top:28px; padding:16px 20px; border-left:2px solid var(--eco); background:var(--stone-light); font-size:13.5px; color:#4B564F; }
.descent-note strong{ color:var(--ink); }