/* ===== Sub-page Responsive ===== */

@media (max-width: 1024px) {
  .page-banner { height: 280px; }
  .page-banner-content h1 { font-size: var(--text-3xl); }

  .info-cards { grid-template-columns: repeat(2, 1fr); }
  .two-col { grid-template-columns: 1fr; }
  .tier-cards { grid-template-columns: 1fr; max-width: 480px; margin-left: auto; margin-right: auto; }
  .tier-cards--two-col { grid-template-columns: 1fr; max-width: 480px; }
  .checklist { grid-template-columns: 1fr; }
  .criteria-grid { grid-template-columns: repeat(2, 1fr); }

  .steps { flex-wrap: wrap; }
  .step { flex: 0 0 calc(50% - var(--space-md)); }
  .step:not(:last-child)::after { display: none; }
}

@media (max-width: 768px) {
  .page-banner { height: 240px; }
  .page-banner-content h1 { font-size: var(--text-2xl); }
  .page-banner-content .page-banner-en { font-size: var(--text-sm); }
  .breadcrumb { font-size: var(--text-xs); }

  .sub-nav-link { padding: var(--space-sm) var(--space-md); font-size: var(--text-xs); }

  .page-content { padding: var(--space-2xl) 0 var(--space-3xl); }
  .content-section { margin-bottom: var(--space-2xl); }
  .content-section-title { font-size: var(--text-xl); }

  .info-cards { grid-template-columns: 1fr; }
  .info-card { padding: var(--space-xl); }

  .steps { flex-direction: column; }
  .step { flex: none; }

  .article-item { flex-direction: column; gap: var(--space-md); }
  .article-date { display: flex; align-items: center; gap: var(--space-sm); min-width: auto; }
  .article-date .day { font-size: var(--text-xl); }

  .contact-grid { grid-template-columns: 1fr; }

  .org-departments { flex-direction: column; align-items: center; }

  .v-timeline { padding-left: var(--space-2xl); }
}

@media (max-width: 480px) {
  .page-banner { height: 200px; }
  .page-banner-content h1 { font-size: var(--text-xl); }

  .data-table th, .data-table td { padding: var(--space-sm) var(--space-md); font-size: var(--text-xs); }
}