/* OLAT mobile layout correction v39. Loaded after styles.css. */
.steps .step .step-number,
.steps .step-number,
.step-number { color: #f58220 !important; opacity: 1 !important; }
.coverage .coverage-panel,
.coverage-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 32px 20px !important;
  height: auto !important;
  min-height: 350px !important;
  box-sizing: border-box !important;
  isolation: isolate;
}
.coverage-panel .map-pin,
.coverage-panel > strong,
.coverage-panel > span,
.coverage-panel > .coverage-note {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
  z-index: 2 !important;
  text-align: center !important;
  flex: 0 0 auto;
}
.coverage-panel > strong {
  font-size: clamp(23px, 6vw, 32px) !important;
  line-height: 1.25 !important;
  letter-spacing: .07em !important;
  overflow-wrap: anywhere;
}
.coverage-panel > span {
  font-size: 14px !important;
  line-height: 1.5 !important;
  letter-spacing: .22em !important;
}
.coverage-panel > .coverage-note {
  width: 100% !important;
  max-width: 100% !important;
  padding: 14px 12px !important;
  margin-top: 10px !important;
  border-radius: 10px;
  line-height: 1.6 !important;
  font-size: 13px !important;
  background: rgba(255,255,255,.10);
}
@media(max-width:650px) {
  .coverage-panel { min-height: 350px !important; gap: 14px !important; }
  .coverage-panel .map-pin { font-size: 60px !important; line-height: 1.1 !important; }
  .coverage-panel > strong { font-size: clamp(24px, 7vw, 32px) !important; }
  .coverage-panel > span { font-size: 13px !important; }
}