/* =====================================================================
   PHONES ONLY (max-width: 767px) — centre-aligned sections (Oct 30 2026)
   Loaded on every page from component/meta.php, after the other shared CSS.
   The "html:not(#nx-m) body" prefix only raises priority so these win over
   the page-specific stylesheets; desktop and tablet are untouched.
   ===================================================================== */
@media (max-width: 767px) {

  /* ---------- HOME: What We Are ---------- */
  html:not(#nx-m) body #what-we-are .nx-intro-grid,
  html:not(#nx-m) body #what-we-are .nx-intro-grid > div,
  html:not(#nx-m) body #what-we-are .nx-eyebrow,
  html:not(#nx-m) body #what-we-are .nx-sec-title,
  html:not(#nx-m) body #what-we-are p { text-align: center !important; }
  html:not(#nx-m) body #what-we-are .nx-eyebrow { justify-content: center !important; }
  html:not(#nx-m) body #what-we-are .nx-sec-title { margin-left: auto !important; margin-right: auto !important; }
  html:not(#nx-m) body #what-we-are .nx-link-arrow { justify-content: center !important; margin-left: auto !important; margin-right: auto !important; }
  html:not(#nx-m) body #what-we-are .nx-intro-grid > div:not(.nx-intro-visual) { display: flex; flex-direction: column; align-items: center; }
  /* the three principles: number on top, text centred */
  html:not(#nx-m) body #what-we-are .nx-intro-principles > div {
    grid-template-columns: 1fr !important; justify-items: center !important; text-align: center !important;
  }
  html:not(#nx-m) body #what-we-are .nx-intro-principles h3,
  html:not(#nx-m) body #what-we-are .nx-intro-principles p { text-align: center !important; }

  /* ---------- HOME: Where the Opportunity Lies (the five lenses list stays as it is) ---------- */
  html:not(#nx-m) body #opportunity .nx-opportunity-refresh-head,
  html:not(#nx-m) body #opportunity .nx-opportunity-refresh-head *,
  html:not(#nx-m) body #opportunity .nx-lens-intro,
  html:not(#nx-m) body #opportunity .nx-lens-intro * { text-align: center !important; }
  html:not(#nx-m) body #opportunity .nx-opportunity-refresh-head .nx-eyebrow,
  html:not(#nx-m) body #opportunity .nx-lens-kicker { justify-content: center !important; }
  html:not(#nx-m) body #opportunity .nx-sec-title,
  html:not(#nx-m) body #opportunity .nx-opportunity-refresh-head p,
  html:not(#nx-m) body #opportunity .nx-lens-summary { margin-left: auto !important; margin-right: auto !important; }

  /* ---------- HOME: FAQs — eyebrow, heading and intro only ("Still have questions?" card unchanged) ---------- */
  html:not(#nx-m) body #faqs .nx-faq-left-column > .nx-eyebrow,
  html:not(#nx-m) body #faqs .nx-faq-left-column > .nx-faq-title,
  html:not(#nx-m) body #faqs .nx-faq-left-column > .nx-sec-subtitle {
    text-align: center !important; margin-left: auto !important; margin-right: auto !important;
  }
  html:not(#nx-m) body #faqs .nx-faq-left-column > .nx-eyebrow { display: block !important; justify-content: center !important; }

  /* ---------- ABOUT US: leader role + name, and the "Our Team" heading ---------- */
  html:not(#nx-m) body .nxa-leader-info .nxa-leader-role,
  html:not(#nx-m) body .nxa-leader-info > h3 { display: block !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
  html:not(#nx-m) body .nxa-team-head,
  html:not(#nx-m) body .nxa-team-head h3 { text-align: center !important; justify-content: center !important; }
  html:not(#nx-m) body .nxa-team-head h3 { margin-left: auto !important; margin-right: auto !important; }

  /* ---------- THE FUND: Core Pillars cards ---------- */
  html:not(#nx-m) body #investment-philosophy .nxp-sign,
  html:not(#nx-m) body #investment-philosophy .nxp-sign * { text-align: center !important; }
  html:not(#nx-m) body #investment-philosophy .nxp-sign::before { left: 50% !important; margin-left: -18px; transform-origin: center !important; }

  /* ---------- THE FUND: Our Investment Approach ---------- */
  html:not(#nx-m) body #approach .nxf-split-head,
  html:not(#nx-m) body #approach .nxf-split-head *,
  html:not(#nx-m) body #approach .nxf-pillars li,
  html:not(#nx-m) body #approach .nxf-pillars li * { text-align: center !important; }
  html:not(#nx-m) body #approach .nxf-pillars li { display: flex !important; flex-direction: column !important; align-items: center !important; }
  html:not(#nx-m) body #approach .nxf-pillars li svg { margin-left: auto !important; margin-right: auto !important; }

  /* ---------- INVESTOR GUIDE: Why an AIF cards ---------- */
  html:not(#nx-m) body #why-aif .nxw-asks.nxw-asks-row li { justify-items: center !important; text-align: center !important; }
  html:not(#nx-m) body #why-aif .nxw-asks.nxw-asks-row li * { text-align: center !important; }
  html:not(#nx-m) body #why-aif .nxw-asks.nxw-asks-row .nxw-ask-icon { margin-left: auto !important; margin-right: auto !important; }

  /* ---------- INVESTOR GUIDE: AIF Categories eyebrow + heading only ---------- */
  html:not(#nx-m) body #categories .nxw-define > .nx-eyebrow,
  html:not(#nx-m) body #categories .nxw-define > .nx-sec-title { display: block !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; }

  /* ---------- INVESTOR GUIDE: comparison table ---------- */
  /* "Key Features" heading, the AIF label and its four points (Pooled structure … Fund-level taxation) */
  html:not(#nx-m) body #compare .nxw-table tbody tr:nth-child(2) > th,
  html:not(#nx-m) body #compare .nxw-table tbody tr:nth-child(2) > td[data-col="a"],
  html:not(#nx-m) body #compare .nxw-table tbody tr:nth-child(2) > td[data-col="a"]::before,
  html:not(#nx-m) body #compare .nxw-table tbody tr:nth-child(2) > td[data-col="a"] ul,
  html:not(#nx-m) body #compare .nxw-table tbody tr:nth-child(2) > td[data-col="a"] li { text-align: center !important; }
  html:not(#nx-m) body #compare .nxw-table tbody tr:nth-child(2) > td[data-col="a"] ul { padding-left: 0 !important; list-style: none !important; }
  /* "Ideal for" heading only */
  html:not(#nx-m) body #compare .nxw-table tbody tr:nth-child(3) > th { text-align: center !important; }

  /* ---------- BLOGS: masthead line and the "Blogs" heading above the cards ---------- */
  html:not(#nx-m) body .nxj-mast-bar,
  html:not(#nx-m) body .nxj-mast-bar span { text-align: center !important; justify-content: center !important; }
  html:not(#nx-m) body .nxj-mast-bar span { display: block; margin-left: auto; margin-right: auto; }
  html:not(#nx-m) body .nxj-index-head,
  html:not(#nx-m) body .nxj-index-head .nxj-h2 { text-align: center !important; justify-content: center !important; }
  html:not(#nx-m) body .nxj-index-head .nxj-h2 { margin-left: auto !important; margin-right: auto !important; width: 100%; }
}

/* =====================================================================
   CONTACT US — phones (Oct 30 2026)
   ===================================================================== */
/* the map tap layer and the "Open in Google Maps" button exist only on phones */
.nxc-map-open, .nxc-map-btn-row { display: none; }
@media (max-width: 767px) {
  /* Phone number and email: Copy sits right after the value instead of at the far edge
     (the address row keeps Directions on the right, as before) */
  html:not(#nx-m) body .nxc-channels li:nth-child(1),
  html:not(#nx-m) body .nxc-channels li:nth-child(2) {
    grid-template-columns: auto auto !important; justify-content: start !important; column-gap: 16px !important;
  }

  /* Map: tapping anywhere on it opens the office in the Google Maps app / site */
  html:not(#nx-m) body .nxc-map { position: relative; }
  html:not(#nx-m) body .nxc-map-open {
    display: block; position: absolute; inset: 0; z-index: 3;
    -webkit-tap-highlight-color: transparent;
  }
  /* …and a button just below the map frame */
  html:not(#nx-m) body .nxc-map-btn-row { display: flex; justify-content: center; margin-top: 16px; }
  html:not(#nx-m) body .nxc-map-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 11px 20px; border-radius: 999px;
    background: #0a1322; color: #fff !important; font-size: 14px; font-weight: 700; line-height: 1; text-decoration: none;
    box-shadow: 0 8px 22px rgba(10, 19, 34, .2);
  }
  html:not(#nx-m) body .nxc-map-btn i { color: #58c7f6; }
}