/* ── RESPONSIVE ──
   All breakpoints, kept together so they are easy to audit.
*/

@media (max-width:700px) {
}
@media (max-width:1180px) {
  .panel-row {
  grid-template-columns:1fr
}
.stats-grid {
  grid-template-columns:repeat(2,1fr)
}
.stats-grid .stat:last-child {
  grid-column:1 / -1
}

}
@media (max-width:900px) {
  body {
  flex-direction:column;
  align-items:stretch
}
.sidebar {
  position:sticky;
  top:0;
  width:100%;
  height:auto;
  overflow:visible;
  border-right:none;
  border-bottom:1px solid var(--line);
  padding:12px 14px 10px
}
.wordmark {
  padding:4px 6px 12px;
  font-size:16px
}
.side-heading {
  display:none
}
.tabs-nav {
  flex-direction:row;
  gap:6px;
  overflow-x:auto;
  scrollbar-width:none;
  padding-bottom:2px
}
.tabs-nav::-webkit-scrollbar {
  display:none
}
.tab-btn {
  padding:8px 12px;
  font-size:14px
}
.tab-btn.active {
  box-shadow:inset 0 -3px 0 var(--green)
}
.ico {
  width:26px;
  height:26px;
  border-radius:7px
}
.ico svg {
  width:14px;
  height:14px
}
.main {
  min-height:0
}
.topbar {
  padding:12px 18px
}
.hero,.about,.apply {
  padding:20px 18px 30px;
  gap:18px
}
.promo {
  padding:28px 24px 30px
}
.stats-grid {
  grid-template-columns:1fr;
  gap:18px
}
.stats-grid .stat:last-child {
  grid-column:auto
}
.panel-row {
  gap:18px
}
.about-grid {
  grid-template-columns:1fr;
  gap:18px
}
.form-grid {
  grid-template-columns:1fr;
  gap:16px
}
#applyFormWrap {
  padding:22px 18px 24px
}
.card {
  padding:20px 18px
}
.footer {
  padding:16px 18px
}
.actions .btn {
  flex:1 1 auto
}

}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {
  animation-duration:0.001ms !important;
  animation-delay:0ms !important;
  transition-duration:0.001ms !important
}
html {
  scroll-behavior:auto
}

}