/* Approved chapter and mascot controls. Inner artwork and animation are unchanged. */
.landing #in-action .walkthrough-heading { margin:0 auto 36px; text-align:center; }
.landing #in-action .walkthrough-heading h2 {
  margin:0;
  font:600 clamp(32px,3.2vw,44px)/1.2 var(--font-display);
  letter-spacing:-.02em;
  text-wrap:balance;
}
.landing #in-action .walkthrough-heading p {
  max-width:60ch;
  margin:16px auto 0;
  color:var(--color-support);
  font:400 18px/1.6 var(--font-body);
  text-wrap:pretty;
}
html[data-preview-tuning] .landing #in-action .walkthrough-heading h2 { font-size:calc(clamp(32px,3.2vw,44px) * var(--preview-heading-scale,1)); }
html[data-preview-tuning] .landing #in-action .walkthrough-heading p { font-size:calc(18px * var(--preview-body-scale,1)); }
.landing #in-action .demo-controls {
  margin:0 auto var(--preview-demo-controls-gap,24px);
}
.landing #in-action .scenario-nav { gap:14px; }
.landing #in-action .scenario-nav button {
  border-radius:6px;
  font:600 13px/1.35 var(--font-display);
  letter-spacing:.01em;
  text-transform:none;
}
.landing #in-action .scenario-nav button::before,
.landing #in-action .chapter-track { border-radius:6px; }

.landing [data-crew-carousel] .crew-toolbar { border-radius:10px; }
.landing [data-crew-carousel] .crew-pose-options { width:400px; }
.landing [data-crew-carousel] .crew-pose-options > .crew-timer {
  border-radius:6px;
  font:600 13px/1.35 var(--font-display);
  letter-spacing:.045em;
  text-transform:uppercase;
}
.landing [data-crew-carousel] .crew-navigation button { border-radius:6px; }
.landing [data-crew-carousel] .final-pose-icon { shape-rendering:crispEdges; }

/* A seventh section link still needs breathing room in the desktop header. */
.landing .primary-nav.final-desktop-nav { gap:18px; }
.landing .primary-nav.final-desktop-nav a { white-space:nowrap; }
@media(min-width:1200px) and (max-width:1359px) {
  .landing .page-header:has(.language-picker) { gap:16px; }
  .landing .primary-nav.final-desktop-nav { gap:12px; }
  .landing .site-brand { font-size:16px; gap:8px; }
}
@media(max-width:767px) {
  .landing #in-action .demo-controls { margin-bottom:var(--preview-demo-controls-gap,16px); }
}
@media(max-width:700px) {
  .landing [data-crew-carousel] .crew-pose-options { width:100%; }
  .landing [data-crew-carousel] .crew-pose-options > .crew-timer { font-size:12px; letter-spacing:.025em; }
}
@media(max-width:600px) {
  .landing #in-action .walkthrough-heading { margin-bottom:28px; }
  .landing #in-action .walkthrough-heading p { font-size:16px; }
  html[data-preview-tuning] .landing #in-action .walkthrough-heading p { font-size:calc(16px * var(--preview-body-scale,1)); }
  .landing #in-action .scenario-nav { gap:10px; }
  .landing #in-action .demo-controls { margin-bottom:var(--preview-demo-controls-gap,12px); }
  .landing #in-action .scenario-nav button { font-size:12px; }
}
@media(max-width:400px) {
  .landing [data-crew-carousel] .crew-pose-options > .crew-timer { flex-direction:column; gap:6px; min-height:62px; }
  .landing [data-crew-carousel] .crew-pose-options > .crew-timer .final-pose-icon { width:14px; height:14px; }
  .landing [data-crew-carousel] .final-pose-label { white-space:nowrap; }
}