/* Desktop -> tablet -> mobile. Literal boundaries match the documented tokens. */
@media (max-width: 1199px) {
    .site-header__inner { flex-wrap: wrap; gap: var(--abk-space-4); }
    .site-brand { flex-basis: 100%; }
    .site-nav { justify-content: flex-start; }
    .hero { gap: var(--abk-space-6); padding: var(--abk-space-7) 0; }
    .card-grid--topics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .service-card { padding: var(--abk-space-5); }
    .site-footer__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
    .hero { grid-template-columns: 1fr; }
    .hero__content { max-width: 45rem; }
    .hero__media { min-height: 16rem; }
    .card-grid--categories, .card-grid--situations, .article-feed { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .verification-notice ol { grid-template-columns: 1fr; gap: var(--abk-space-4); }
    .verification-notice .section-heading { max-width: 100%; }
    .media-content { gap: var(--abk-space-6); }
    .transparency-checklist { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    :root { --abk-page-gutter: 1.25rem; }
    .site-main { padding-block: var(--abk-space-5) var(--abk-space-7); }
    .section { margin-bottom: var(--abk-space-7); }
    .site-header__inner { justify-content: space-between; gap: var(--abk-space-4); padding-block: var(--abk-space-4); }
    .site-brand { flex: 1 1 10rem; min-width: 0; }
    .site-brand__name { font-size: 1rem; }
    .site-brand__placeholder { max-width: 18rem; }
    .site-header--enhanced .site-header__toggle { display: inline-flex; align-items: center; flex: 0 0 auto; }
    .site-header__nav { flex-basis: 100%; border-top: 1px solid var(--abk-color-border); padding-top: var(--abk-space-3); }
    .site-nav { display: grid; grid-template-columns: 1fr; gap: var(--abk-space-1); }
    .site-nav a, .site-nav span { min-height: 44px; padding: 0.65rem 0.25rem; }
    .verification-notice, .section--jkn-prb, .section--documents, .section--categories, .section--situations, .section--articles, .section--faq, .section--quick-path, .section--disclaimer { padding: var(--abk-space-5); border-radius: var(--abk-radius-card); }
    .hero { gap: var(--abk-space-6); padding: var(--abk-space-6) 0; }
    .hero--full-width { margin-top: calc(-1 * var(--abk-space-5)); }
    .hero h1 { font-size: clamp(2rem, 8vw, 2.75rem); }
    .hero__content > p:not(.eyebrow) { font-size: var(--abk-font-body); }
    .hero__actions { flex-direction: column; align-items: stretch; }
    .hero__actions .button, .section > .button { width: 100%; }
    .hero__media, .media-placeholder, .media-visual { min-height: 14rem; padding: var(--abk-space-5); }
    .hero__media--image, .media-visual { padding: 0; }
    .hero__image, .media-visual__image { min-height: 14rem; }
    .card-grid--topics, .card-grid--categories, .card-grid--situations, .article-feed, .media-content, .verification-notice { grid-template-columns: 1fr; }
    .media-content--reverse .media-placeholder, .media-content--reverse .media-visual { order: 0; }
    .card-grid { gap: var(--abk-space-4); }
    .section-heading { margin-bottom: var(--abk-space-5); }
    .service-card { padding: var(--abk-space-5); }
    .faq-item__toggle { padding: var(--abk-space-4); overflow-wrap: anywhere; }
    .faq-item__answer { padding: 0 var(--abk-space-4) var(--abk-space-5); }
    .table-scroll th, .table-scroll td { padding: var(--abk-space-4); }
    .quick-path-table-wrap { overflow: visible; }
    .quick-path-table, .quick-path-table caption, .quick-path-table tbody, .quick-path-table tr, .quick-path-table th, .quick-path-table td { display: block; width: 100%; min-width: 0; }
    .quick-path-table thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
    .quick-path-table tbody th { width: 100%; }
    .quick-path-table tbody th, .quick-path-table td { border-bottom: 0; }
    .quick-path-table tbody tr + tr { border-top: 1px solid var(--abk-color-border); }
    .quick-path-table [data-label]::before { content: attr(data-label); display: block; margin-bottom: var(--abk-space-1); color: var(--abk-color-muted); font-size: var(--abk-font-small); font-weight: 700; }
    .site-footer__inner { padding-block: var(--abk-space-7) var(--abk-space-5); }
    .site-footer__groups { grid-template-columns: 1fr; gap: var(--abk-space-6); }
    .site-footer__bottom { flex-direction: column; align-items: flex-start; }
    .site-footer__disclaimer { margin-top: var(--abk-space-6); }
    .contact-form-slot button:disabled { justify-self: stretch; width: 100%; }
}