@media (max-width: 1080px) {
  .inquiry-hero {
    grid-template-columns: 1fr;
  }

  .inquiry-grid,
  .guide-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cta-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .inquiry-hero,
  .inquiry-panel,
  .guide-panel,
  .cta-panel {
    padding: 20px 18px;
  }

  .notice-banner {
    grid-template-columns: 1fr;
  }

  .notice-icon {
    width: 46px;
    height: 46px;
  }

  .inquiry-grid,
  .prep-grid,
  .guide-steps {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 580px) {
  .inquiry-hero h1,
  .notice-body h2,
  .panel-title,
  .guide-head h2,
  .cta-panel h2 {
    font-size: 24px;
  }

  .inquiry-hero .lead,
  .notice-body p,
  .bullet-list li,
  .prep-card p,
  .guide-step p,
  .cta-description {
    font-size: 12px;
  }

  .cta-actions,
  .cta-button {
    width: 100%;
  }
}