/* ============================================================
   ANTYAI — mobile responsive overrides
   ============================================================ */

@media (max-width: 900px) {
  main section { padding: 48px 0 !important; }
  main section > div {
    max-width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="gap: 64px"]:not([style*="margin"]) { gap: 32px !important; }
  [style*="gap: 48px"]:not([style*="margin"]) { gap: 24px !important; }
  [style*="gap: 32px"]:not([style*="margin"]) { gap: 20px !important; }

  [style*="font-size: 72px"] { font-size: 38px !important; line-height: 1.06 !important; }
  [style*="font-size: 56px"] { font-size: 32px !important; line-height: 1.1 !important; }
  [style*="font-size: 48px"] { font-size: 28px !important; line-height: 1.12 !important; }
  [style*="font-size: 44px"] { font-size: 26px !important; line-height: 1.15 !important; }
  [style*="font-size: 40px"] { font-size: 24px !important; line-height: 1.15 !important; }
  [style*="font-size: 36px"] { font-size: 22px !important; }
  [style*="font-size: 32px"] { font-size: 20px !important; }
  [style*="font-size: 28px"] { font-size: 20px !important; }
  [style*="font-size: 26px"] { font-size: 19px !important; }
  [style*="font-size: 24px"] { font-size: 18px !important; }
  [style*="font-size: 22px"] { font-size: 17px !important; }
  [style*="font-size: 20px"] { font-size: 16px !important; }
  [style*="font-size: 19px"] { font-size: 15px !important; }

  header > div {
    padding: 10px 16px !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }
  header nav {
    width: 100% !important;
    order: 99 !important;
    gap: 14px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 4px !important;
  }
  header nav a {
    font-size: 12px !important;
    white-space: nowrap !important;
  }
  header button { padding: 6px 12px !important; font-size: 12px !important; }
  header [style*="font-size: 9px"] { display: none !important; }

  img[src*="seal-primary"] {
    width: 200px !important;
    height: 200px !important;
    margin: 0 auto !important;
  }
  [style*="grid-template-columns: repeat(3, max-content)"] {
    grid-template-columns: repeat(3, auto) !important;
    column-gap: 20px !important;
    row-gap: 12px !important;
  }

  footer { padding: 40px 0 24px !important; }
  footer svg[viewBox] { width: 36px !important; height: 36px !important; }
  footer [style*="grid-template-columns: 2fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
  }
  footer [style*="justify-content: space-between"][style*="font-family: var(--font-mono)"] {
    flex-direction: column !important;
    gap: 8px !important;
    text-align: center !important;
  }

  ol[style*="grid-template-columns: repeat(4, 1fr)"] {
    grid-template-columns: 1fr !important;
    border-left: none !important;
  }
  ol[style*="grid-template-columns: repeat(4, 1fr)"] > li {
    border-right: none !important;
  }
  [style*="grid-template-columns: repeat(3, 1fr)"] {
    grid-template-columns: 1fr !important;
  }
  [style*="grid-template-columns: repeat(3, 1fr)"] > div {
    border-right: none !important;
    border-bottom: 1px solid var(--navy-800) !important;
  }
  [style*="grid-template-columns: repeat(3, 1fr)"] > div:last-child {
    border-bottom: none !important;
  }
  [style*="grid-template-columns: repeat(2, 1fr)"] {
    grid-template-columns: 1fr !important;
  }
  [style*="grid-template-columns: repeat(2, 1fr)"] > div {
    border-right: none !important;
    border-bottom: 1px solid var(--navy-800) !important;
  }

  [style*="grid-template-columns: 80px 1fr 140px 140px 120px"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 14px 16px !important;
  }
  [style*="background: var(--navy-800)"][style*="grid-template-columns: 80px 1fr 140px 140px 120px"] {
    display: none !important;
  }

  [style*="grid-template-columns: 1fr 140px 140px 140px"] {
    grid-template-columns: 1fr 50px 50px 50px !important;
    gap: 8px !important;
    padding: 12px 14px !important;
  }
  [style*="grid-template-columns: 1fr 140px 140px 140px"] span {
    font-size: 13px !important;
  }

  article[style*="padding: 48px 64px"] {
    padding: 22px 16px !important;
  }
  article [style*="grid-template-columns: 180px 1fr 180px 1fr"] {
    grid-template-columns: 140px 1fr !important;
  }
  article [style*="grid-template-columns: 1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  [style*="grid-template-columns: 240px 1fr"] {
    grid-template-columns: 1fr !important;
  }
  [style*="grid-template-columns: 160px 220px 1fr"],
  [style*="grid-template-columns: 160px 240px 1fr"] {
    grid-template-columns: 100px 1fr !important;
    gap: 12px !important;
  }
  ol[style*="grid-template-columns: repeat(4, 1fr)"] > li {
    padding: 18px 16px !important;
  }

  section [style*="display: flex"][style*="align-items: flex-end"][style*="justify-content: space-between"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  [style*="padding-left: 56px"] {
    padding-left: 28px !important;
  }
}

@media (max-width: 480px) {
  main section { padding: 36px 0 !important; }
  main section > div { padding-left: 14px !important; padding-right: 14px !important; }
  [style*="font-size: 72px"] { font-size: 30px !important; }
  [style*="font-size: 56px"] { font-size: 26px !important; }
  [style*="font-size: 48px"] { font-size: 22px !important; }
  img[src*="seal-primary"] { width: 180px !important; height: 180px !important; }
  footer [style*="grid-template-columns: 2fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  [style*="grid-template-columns: 1fr 140px 140px 140px"] {
    grid-template-columns: 1fr 40px 40px 40px !important;
    font-size: 12px !important;
  }
  article [style*="grid-template-columns: 140px 1fr"] {
    grid-template-columns: 1fr !important;
  }
}
