/* Ansökans start: knappen står alltid direkt under texten, rutten bredvid (dator) eller under (mobil) */
.gvok-flow .q.q-intro { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); column-gap: 56px; row-gap: 18px; align-items: start; align-content: center; }
.gvok-flow .q.q-intro .intro-grid { display: contents; }
.gvok-flow .q.q-intro .intro-copy { grid-column: 1; grid-row: 1; align-self: end; }
.gvok-flow .q.q-intro .err { grid-column: 1; grid-row: 2; }
.gvok-flow .q.q-intro .nav { grid-column: 1; grid-row: 3; align-self: start; }
.gvok-flow .q.q-intro .intro-map { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
@media (max-width: 860px) {
  .gvok-flow .q.q-intro { grid-template-columns: minmax(0, 1fr); }
  .gvok-flow .q.q-intro .intro-copy, .gvok-flow .q.q-intro .err, .gvok-flow .q.q-intro .nav, .gvok-flow .q.q-intro .intro-map { grid-column: 1; grid-row: auto; }
}
/* Många steg: kompaktare lista och bara aktuell etikett i rutten överst */
.gvok-flow .trail:has(.stop:nth-child(10)) small { display: none; }
.gvok-flow .trail:has(.stop:nth-child(10)) .stop { padding: 2px 0; }
.gvok-flow .trail:has(.stop:nth-child(10)) { grid-template-columns: 1fr 1fr; column-gap: 14px; }
.gvok-flow .trail:has(.stop:nth-child(10))::before { display: none; }
.gvok-flow .route ol:has(li:nth-child(10)) .lbl { opacity: 0 !important; }
.gvok-flow .route ol:has(li:nth-child(10)) li.here .lbl { opacity: 1 !important; }
@media (max-width: 860px) {
  .gvok-flow .q.q-intro .intro-copy { order: 1; }
  .gvok-flow .q.q-intro .err { order: 2; }
  .gvok-flow .q.q-intro .nav { order: 3; }
  .gvok-flow .q.q-intro .intro-map { order: 4; }
  .gvok-flow[data-scene="intro"] .foot { display: none; }
}