/* Five sections, one navigation bar. Existing section layouts remain untouched. */
.design-dock.section-dock { width:600px; padding:7px 16px; gap:26px; transform:translateX(-50%) scale(.7); transform-origin:center bottom; }
.design-dock.section-dock a { flex:1; min-width:0; height:48px; padding:8px; justify-content:center; }
.section-dock .dock-solid { width:26px; height:26px; flex:0 0 26px; }
.section-dock .dock-solid g { stroke-width:2.5; }
.section-dock a:hover { box-shadow:inset 0 0 0 1px currentColor; }
/* Noesis uses the imported application's midnight and gold palette. */
body[data-design="noesis"] .design-dock.section-dock { background:#0b0e14; border-color:var(--line); color:#bac0cd; }
body[data-design="noesis"] .design-dock.section-dock a.active { background:var(--accent); color:#0b0e14; }
/* Keep the final hero controls above the fixed bar when Helios ends at the image. */
.helios-main { padding-bottom:calc(84px + env(safe-area-inset-bottom,0px)); }
@media(max-width:650px) {
  .design-dock.section-dock { width:380px; bottom:max(12px,env(safe-area-inset-bottom)); padding:5px 8px; gap:12px; }
  .design-dock.section-dock a { border-radius:24px; }
}