/* ============================================================
   NAHCP — ADDITIONAL CSS (Appearance → Customise → Additional CSS)
   Replaces the entire contents of that box.

   Contains:
     1. FAQ page styles        (#faq-page)
     2. Answer Center styles   (#ac-page, .nahcp-ac-search, page-id-1572)

   24 Sep 2026: the temporary #nahcp-home-page mobile overrides that
   sat here have been REMOVED. That repair now lives properly in the
   "NAHCP Homepage — Page CSS" snippet. Do not re-add homepage rules
   here — two competing implementations is what this cleanup undoes.
   ============================================================ */


/* ============================================================
   1. FAQ PAGE — all styles scoped to #faq-page
   ============================================================ */
#faq-page{
  --navy:#0A1E3F;
  --navy-deep:#061630;
  --body-navy:#243352;
  --gold:#D9A520;
  --gold-text:#8A6410;
  --white:#FFFFFF;
  --navy-tint:#EDF2F9;
  --hairline:rgba(10,30,63,.15);
  --hairline-light:rgba(255,255,255,.24);

  --wrap:1320px;
  --measure:820px;
  --gutter:clamp(20px,5vw,64px);

  font-family:'Source Sans 3',Arial,Helvetica,sans-serif;
  color:#243352;
  color:var(--body-navy);
  font-size:17px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;

  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}
#faq-page *,#faq-page *::before,#faq-page *::after{box-sizing:border-box;}

#faq-page .faq-wrap{
  width:100%;max-width:var(--wrap);margin:0 auto;
  padding-left:var(--gutter);padding-right:var(--gutter);
}
#faq-page .faq-measure{max-width:var(--measure);}

/* --- Type -------------------------------------------------------- */
#faq-page h1,#faq-page h2{
  font-family:'Cinzel',Georgia,'Times New Roman',serif;
  font-weight:600;color:var(--navy);margin:0;line-height:1.22;
}
#faq-page h1{font-size:clamp(1.95rem,3.8vw,3rem);}
#faq-page h2{font-size:clamp(1.25rem,2vw,1.75rem);}
#faq-page p{margin:0 0 1.05em;}
#faq-page p:last-child{margin-bottom:0;}
#faq-page a{color:var(--gold-text);}
#faq-page a:focus-visible,#faq-page summary:focus-visible{
  outline:3px solid var(--gold);outline-offset:3px;
}

#faq-page .faq-eyebrow{
  font-family:'Montserrat',Arial,sans-serif;
  font-size:.71rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold-text);margin:0 0 16px;
}
#faq-page .faq-rule{width:64px;height:3px;background:var(--gold);border:0;margin:24px 0 28px;}
#faq-page .faq-lede{font-size:clamp(1.03rem,1.35vw,1.18rem);max-width:66ch;}

/* --- 1. Hero ----------------------------------------------------- */
#faq-page .faq-hero{padding:clamp(60px,8vw,116px) 0 clamp(40px,4.5vw,64px);}

/* --- 2. Category index — wayfinding, not CTAs -------------------- */
#faq-page .faq-index{
  background:var(--navy-tint);
  padding:clamp(40px,5vw,72px) 0;
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
}
#faq-page .faq-index-label{
  font-family:'Montserrat',Arial,sans-serif;
  font-size:.71rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold-text);margin:0 0 26px;
}
#faq-page .faq-index-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.4vw,18px);
}
#faq-page .faq-index-item{
  display:flex;align-items:baseline;gap:14px;
  background:var(--white);
  border:1px solid var(--hairline);
  border-left:3px solid var(--gold);
  padding:18px 20px;min-height:64px;
  text-decoration:none;
  transition:box-shadow .2s ease,transform .2s ease;
}
#faq-page .faq-index-item:hover{box-shadow:0 10px 22px rgba(10,30,63,.10);transform:translateY(-2px);}
#faq-page .faq-index-num{
  font-family:'Montserrat',Arial,sans-serif;
  font-size:.82rem;font-weight:700;letter-spacing:.06em;
  color:var(--gold-text);
}
#faq-page .faq-index-name{
  font-family:'Montserrat',Arial,sans-serif;
  font-size:.96rem;font-weight:600;color:var(--navy);line-height:1.3;
}

/* --- 3. Category bands + questions ------------------------------- */
#faq-page .faq-cat{padding:0 0 clamp(20px,3vw,40px);}
#faq-page .faq-band{
  background:#0A1E3F;background:var(--navy);
  color:var(--white);
  padding:clamp(24px,3vw,38px) 0;
  margin-bottom:clamp(20px,2.5vw,34px);
  border-bottom:3px solid var(--gold);
}
#faq-page .faq-band-inner{display:flex;align-items:baseline;gap:clamp(14px,2vw,26px);}
#faq-page .faq-band-num{
  font-family:'Cinzel',Georgia,serif;
  font-size:clamp(1.5rem,2.6vw,2.2rem);
  font-weight:600;color:var(--gold);line-height:1;
}
#faq-page .faq-band h2{color:var(--white);}

/* --- Native details/summary (WordPress Details block) ------------ */
#faq-page details{
  border-bottom:1px solid var(--hairline);
  max-width:var(--measure);
}
#faq-page details:first-of-type{border-top:1px solid var(--hairline);}
#faq-page summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  padding:20px 0;min-height:56px;
  font-family:'Montserrat',Arial,sans-serif;
  font-size:clamp(1rem,1.2vw,1.08rem);
  font-weight:600;color:var(--navy);line-height:1.4;
}
#faq-page summary::-webkit-details-marker{display:none;}
/* Decorative chevron — CSS only, no text content */
#faq-page summary::after{
  content:"";flex:0 0 auto;
  width:11px;height:11px;margin-top:7px;
  border-right:2px solid var(--gold);
  border-bottom:2px solid var(--gold);
  transform:rotate(45deg);
  transition:transform .2s ease;
}
#faq-page details[open] summary::after{transform:rotate(-135deg);margin-top:11px;}
#faq-page summary:hover{color:var(--gold-text);}
#faq-page .faq-answer{padding:0 0 26px;max-width:74ch;}
#faq-page .faq-answer p{font-size:1.01rem;}

/* --- 4. Closing -------------------------------------------------- */
#faq-page .faq-close{
  background:#0A1E3F;background:var(--navy);
  color:var(--white);
  padding:clamp(46px,5.5vw,84px) 0;
  margin-top:clamp(30px,4vw,56px);
}
#faq-page .faq-close h2{color:var(--white);}
#faq-page .faq-close p{color:var(--white);max-width:60ch;}
#faq-page .faq-close a{
  color:var(--white);font-weight:600;text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.45);
  word-break:break-word;
}
#faq-page .faq-close a:hover{color:var(--gold);border-bottom-color:var(--gold);}

/* --- FAQ responsive — 1366 / 1280 / 1024 / 768 / 430 / 390 / 375 -- */
@media (max-width:1024px){
  #faq-page .faq-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
  #faq-page{font-size:16px;}
  #faq-page .faq-index-grid{grid-template-columns:1fr;}
  #faq-page .faq-band-inner{flex-direction:column;align-items:flex-start;gap:8px;}
  #faq-page summary{padding:18px 0;}
}
@media (prefers-reduced-motion:reduce){
  #faq-page *{transition:none !important;}
}

/* --- FAQ print / PDF — keep bands; closed answers do not print --- */
@media print{
  #faq-page,#faq-page .faq-band,#faq-page .faq-index,#faq-page .faq-close,
  #faq-page .faq-rule{
    -webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;
  }
  #faq-page .faq-band,#faq-page .faq-close{background:#0A1E3F !important;color:#FFFFFF !important;}
  #faq-page .faq-band h2,#faq-page .faq-close h2,#faq-page .faq-close p{color:#FFFFFF !important;}
  #faq-page .faq-band-num{color:#D9A520 !important;}
  #faq-page .faq-index{background:#EDF2F9 !important;}
  #faq-page details{break-inside:avoid-page;}
}

/* Guard: empty paragraphs injected into the category grid would
   become grid cells and scatter the cards. */
#faq-page .faq-index-grid > *:not(.faq-index-item){ display:none !important; }
#faq-page p:empty{ display:none !important; }


/* ============================================================
   2. ANSWER CENTER
   ============================================================ */
#ac-page .ac-hero{background:#0A1E3F;padding:56px 24px;margin:0 0 32px}
#ac-page .ac-hero-inner{max-width:1180px;margin:0 auto}
#ac-page .ac-eyebrow{color:#C9A227;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;margin:0 0 12px}
#ac-page .ac-h1{margin:0;font-size:clamp(1.8rem,4vw,2.9rem);line-height:1.15}
#ac-page .ac-line1{color:#fff;display:block}
#ac-page .ac-line2{color:#C9A227;display:block}
.nahcp-ac-search{display:flex;gap:10px;max-width:1180px;margin:0 auto 40px;padding:0 24px}
.nahcp-ac-search input[type=search]{flex:1;padding:14px 16px;border:1px solid #c8cdd6;border-radius:4px;font-size:1rem}
.nahcp-ac-search button{background:#0A1E3F;color:#fff;border:0;border-radius:4px;padding:14px 28px;font-weight:700;font-size:1rem;cursor:pointer}
.nahcp-ac-search button:hover{background:#C9A227;color:#0A1E3F}
.page-id-1572 .wp-block-post-content{--wp--style--global--content-size:100%;--wp--style--global--wide-size:100%}