/* The carnet links existing flows. It carries no live workout or timer state. */
.workout-intro.session-overview { padding-bottom: var(--space-7); }
.session-overview > * { min-width: 0; }
.session-overview .session-editorial { margin: 0 0 var(--space-4); overflow: hidden; height: 180px; border-radius: var(--radius-sm); background: var(--bg-secondary); }
.session-overview .session-editorial img { display: block; width: 100%; height: 180px; margin: 0; object-fit: cover; object-position: 58% 62%; }
.session-routes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-bottom: var(--space-4); border-block: 1px solid var(--border-subtle); }
.session-route { display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; min-height: var(--control-height); padding: var(--space-2); border: 0; border-radius: 0; background: transparent; color: var(--text-primary); font: 500 var(--type-caption)/1.3 var(--font-body); text-align: left; cursor: pointer; touch-action: manipulation; transition: background var(--motion-micro), transform var(--motion-micro) var(--ease-byke); }
.session-route + .session-route { border-left: 1px solid var(--border-subtle); }
.session-route > .byke-icon { color: var(--text-secondary); }
.session-route > span { min-width: 0; }
.session-route:disabled { opacity: .45; cursor: default; }
.session-route:active:not(:disabled) { transform: translateY(1px); }
.session-overview .session-label { margin: 0; color: var(--text-muted); font: 400 var(--type-micro)/1.5 var(--font-technical); letter-spacing: .07em; text-transform: uppercase; }
.session-context { padding: var(--space-4); background: var(--surface-1); border-radius: var(--radius-sm); }
.session-context-meta { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-3); margin-bottom: var(--space-2); }
.session-context-meta > time { flex-shrink: 0; color: var(--text-secondary); font: 400 var(--type-micro)/1.5 var(--font-technical); }
.session-overview .session-context h2 { margin: 0 0 var(--space-2); font: 600 22px/1.15 var(--font-display); letter-spacing: -.035em; overflow-wrap: anywhere; }
.session-context-copy, .session-next p { margin: 0; color: var(--text-secondary); font: 400 var(--type-body)/1.55 var(--font-body); }
.session-next { padding-top: var(--space-4); margin-top: var(--space-5); border-top: 1px solid var(--border-subtle); }
.session-next h3 { margin: var(--space-2) 0; color: var(--text-primary); font: 600 var(--type-label)/1.3 var(--font-display); letter-spacing: -.02em; overflow-wrap: anywhere; }
.session-prescription-note { margin: var(--space-3) 0 0; color: var(--text-secondary); font: 400 var(--type-caption)/1.5 var(--font-body); }
.session-detail-link { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); width: 100%; min-height: var(--control-height); margin-top: var(--space-3); padding: var(--space-2) 0; color: var(--text-primary); background: transparent; border: 0; border-top: 1px solid var(--border-subtle); border-radius: 0; font: 500 var(--type-caption)/1.45 var(--font-body); text-align: left; cursor: pointer; touch-action: manipulation; }
.session-last { padding-top: var(--space-4); margin-top: var(--space-5); border-top: 1px solid var(--border-subtle); }
.session-section-heading { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); color: var(--text-secondary); }
.session-overview .session-last h2 { margin: var(--space-3) 0 var(--space-2); font: 600 23px/1.15 var(--font-display); letter-spacing: -.03em; overflow-wrap: anywhere; }
.session-last-date { margin: 0; color: var(--text-secondary); font: 400 var(--type-caption)/1.5 var(--font-body); }
.session-last-metrics { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: var(--space-4); margin: var(--space-5) 0 var(--space-3); }
.session-last-metrics > div { min-width: 0; }
.session-last-metrics dt { margin-bottom: var(--space-2); color: var(--text-secondary); font-size: var(--type-caption); }
.session-last-metrics dd { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2); margin: 0; }
.session-last-metrics strong { font: 600 clamp(28px, 8.7vw, 36px)/1.08 var(--font-display); letter-spacing: -.045em; overflow-wrap: anywhere; }
.session-last-metrics dd span { color: var(--text-secondary); font-size: var(--type-caption); }
.session-evidence, .session-protocol, .session-last--empty > p:last-child { margin: var(--space-3) 0 0; color: var(--text-secondary); font: 400 var(--type-caption)/1.55 var(--font-body); }
.session-protocol { padding-left: var(--space-3); border-left: 1px solid var(--border-control); }
@media (hover: hover) { .session-route:hover:not(:disabled) { background: var(--surface-2); } .session-detail-link:hover { color: var(--text-secondary); } }
@media (max-width: 389px) { .session-route { padding: var(--space-3) var(--space-2); gap: var(--space-1); } .session-context { padding: var(--space-4); } }
@media (prefers-reduced-motion: reduce) { .session-route { transition: none; } .session-route:active:not(:disabled) { transform: none; } }