/* ARAYA Nikah "start here" decision page (4936 TH / 8777 EN) — colors/fonts from tokens.css ONLY
   (CONVENTIONS §1). Compact by design: this page is the decision page, not a home-brochure repeat. */

/* hero — extends .an-inner-hero (maroon + gold pattern); only page-specific extras here */
.an-nk-hero-countries { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.an-nk-hero-countries span { font-size: 12px; letter-spacing: .04em; color: var(--an-sand); background: rgba(198,161,91,.16); border: 1px solid rgba(198,161,91,.35); border-radius: var(--an-radius-pill); padding: 4px 12px; }

/* path finder — 3 hero-product cards */
.an-nk-path { background: var(--an-cream-tint); }
.an-nk-path .an-wrap { padding: clamp(48px,6vw,72px) 20px; }
.an-nk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 30px; }
.an-nk-card { background: var(--an-cream-card); border: 1px solid rgba(198,161,91,.28); border-radius: var(--an-radius-card); padding: 26px 24px 24px; display: flex; flex-direction: column; gap: 10px; transition: box-shadow var(--an-transition), transform var(--an-transition); }
.an-nk-card:hover { box-shadow: 0 14px 36px rgba(94,27,38,.10); transform: translateY(-2px); }
.an-nk-num { font-family: var(--an-font-display); font-size: 26px; color: var(--an-gold-strong); line-height: 1; }
.an-nk-card-title { font-family: var(--an-font-display); font-weight: 400; font-size: var(--an-card-title); color: var(--an-maroon); margin: 4px 0 0; line-height: 1.28; }
.an-nk-card-desc { font-size: 14.5px; line-height: 1.7; color: var(--an-ink-soft); margin: 0; flex: 1; }
.an-nk-card-cta { font-size: 15px; font-weight: 700; color: var(--an-gold-strong); text-decoration: none; }
.an-nk-card-cta:hover { color: var(--an-maroon); }
.an-nk-card-cta2 { font-size: 13px; color: var(--an-ink-muted); text-decoration: underline; text-underline-offset: 2px; }
.an-nk-card-cta2:hover { color: var(--an-maroon); }

/* compact 4-chip timeline strip — real banner facts, no big cards (those live on home) */
.an-nk-timeline { background: var(--an-cream); }
.an-nk-timeline .an-wrap { padding: clamp(26px,3vw,36px) 20px; }
.an-nk-timeline-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 4px; }
.an-nk-chip { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--an-maroon); background: var(--an-cream-tint); border: 1px solid rgba(198,161,91,.35); border-radius: var(--an-radius-pill); padding: 8px 16px; }
.an-nk-chip-num { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: var(--an-gold); color: var(--an-maroon-ink); font-size: 11.5px; font-weight: 700; flex: none; }
.an-nk-chip-arrow { color: var(--an-gold-strong); font-size: 15px; transition: transform var(--an-transition); }
.an-nk-stay-note { max-width: 720px; margin: 16px auto 0; text-align: center; font-size: 13.5px; line-height: 1.6; color: var(--an-ink-muted); }

/* compact certificate strip — 2 lines + link to the full section on home */
.an-nk-certstrip { background: var(--an-cream-tint); }
.an-nk-certstrip .an-wrap { padding: clamp(24px,3vw,34px) 20px; }
.an-nk-certstrip-row { display: flex; flex-wrap: wrap; gap: 14px 30px; justify-content: center; }
.an-nk-certstrip-item { display: flex; align-items: center; gap: 10px; font-size: 14.5px; color: var(--an-ink-soft); padding: 6px 4px; transition: color var(--an-transition); }
.an-nk-certstrip-item:hover { color: var(--an-maroon); }
.an-nk-certstrip-tag { font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: var(--an-maroon); background: var(--an-cream-card); border: 1px solid rgba(94,27,38,.16); border-radius: var(--an-radius-pill); padding: 3px 10px; }
.an-nk-certstrip-more { display: block; text-align: center; margin-top: 16px; font-size: 14px; font-weight: 700; color: var(--an-gold-strong); text-decoration: none; }
.an-nk-certstrip-more:hover { color: var(--an-maroon); }

/* responsive */
@media (max-width: 1024px) {
  .an-nk-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .an-nk-grid { grid-template-columns: 1fr; }
  .an-acad-hero-cta .an-btn-gold, .an-acad-hero-cta .an-btn-ghost { flex: 1 1 100%; text-align: center; }
  /* chips stack vertically (no horizontal scroll) — arrow rotates to point down */
  .an-nk-timeline-row { flex-direction: column; align-items: stretch; gap: 6px; }
  .an-nk-chip { justify-content: flex-start; width: 100%; }
  .an-nk-chip-arrow { align-self: center; transform: rotate(90deg); }
  .an-nk-certstrip-row { flex-direction: column; align-items: center; }
}

/* resources strip (confidence layer): reuses the path-finder card grid + a quiet trust line */
.an-nk-resources { padding: clamp(38px,5vw,64px) 0 clamp(26px,3vw,36px); background: var(--an-cream-tint); }
.an-nk-trustline { margin: 26px auto 0; text-align: center; max-width: 760px; color: var(--an-ink-muted); font-size: 14px; letter-spacing: .01em; }
.an-nk-gloss { margin: 14px auto 0; max-width: 820px; text-align: center; color: var(--an-ink-muted); font-size: 13.5px; line-height: 1.7; }
.an-nk-rolenote { color: var(--an-maroon); opacity: .75; }