
.nsc-wrap {
  --fb-frost:#f7fbfd; --fb-ice:#e8f4f8; --fb-mist:#d4e8f0; --fb-sky:#7eb8d4;
  --fb-primary:#2b6b8a; --fb-navy:#0b1f33; --fb-ink:#143049; --fb-text:#3a4f63;
  --fb-gold:#b8956c; --fb-card:#fff; --fb-border:#c5d9e4; --fb-danger:#a33b3b; --fb-urgent-bg:#fff5f5;
  max-width:980px; margin:0 auto; padding:20px 16px 64px; color:var(--fb-text); line-height:1.7;
  font-family: Manrope, "Segoe UI", system-ui, sans-serif;
  background: linear-gradient(180deg, #f2f8fb 0%, var(--fb-frost) 40%, #eef6fa 100%);
  border-radius: 12px;
}
.nsc-wrap * { box-sizing:border-box; }
.nsc-kicker { margin:0 0 8px; font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; color:var(--fb-primary); font-weight:700; }
.nsc-wrap h1 { margin:0 0 8px; color:var(--fb-navy); font-size:clamp(1.6rem,4vw,2.15rem); line-height:1.25; font-family: Fraunces, Georgia, serif; }
.nsc-ur { direction:rtl; font-family:"Noto Nastaliq Urdu", serif; line-height:1.95; }
.nsc-title-ur { margin:0 0 14px; color:var(--fb-primary); font-size:clamp(1.2rem,3vw,1.5rem); }
.nsc-hero-art { width:100%; height:auto; display:block; margin:0 0 20px; border:1px solid var(--fb-border); border-radius:16px; }
.nsc-disclaimer {
  background: linear-gradient(135deg, #fff8e8, #fffdf8);
  border: 2px solid var(--fb-gold);
  border-radius: 14px; padding:16px 18px; margin:0 0 18px;
}
.nsc-disclaimer strong { color:var(--fb-navy); }
.nsc-emergency {
  background: var(--fb-urgent-bg);
  border: 2px solid var(--fb-danger);
  border-radius: 14px; padding:16px 18px; margin:0 0 22px;
  color: #5a1f1f;
}
.nsc-emergency h2 { margin:0 0 8px; color:var(--fb-danger); font-size:1.1rem; }
.nsc-intro { margin:0 0 10px; }
.nsc-steps { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; }
.nsc-step-pill {
  background:var(--fb-ice); border:1px solid var(--fb-border); color:var(--fb-ink);
  border-radius:999px; padding:6px 12px; font-size:.85rem; font-weight:600;
}
.nsc-grid {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; margin:0 0 24px;
}
.nsc-cat {
  appearance:none; border:1px solid var(--fb-border); background:var(--fb-card);
  border-radius:14px; padding:16px 12px; cursor:pointer; text-align:center;
  color:var(--fb-ink); transition: transform .15s ease, box-shadow .15s ease, border-color .15s;
  box-shadow: 0 6px 20px rgba(11,31,51,.05);
}
.nsc-cat:hover, .nsc-cat:focus-visible {
  transform: translateY(-2px); border-color:var(--fb-primary);
  box-shadow: 0 10px 28px rgba(43,107,138,.14); outline:none;
}
.nsc-cat.is-active { border-color:var(--fb-primary); background:linear-gradient(180deg,#fff,#e8f4f8); }
.nsc-cat svg { width:36px; height:36px; color:var(--fb-primary); margin:0 auto 8px; display:block; }
.nsc-cat .en { display:block; font-weight:700; font-size:.95rem; color:var(--fb-navy); }
.nsc-cat .ur { display:block; margin-top:4px; font-size:.9rem; color:var(--fb-primary); direction:rtl; font-family:"Noto Nastaliq Urdu",serif; }
.nsc-panel {
  display:none; background:var(--fb-card); border:1px solid var(--fb-border);
  border-radius:16px; padding:20px 18px; margin:0 0 22px;
  box-shadow: 0 10px 32px rgba(11,31,51,.06);
}
.nsc-panel.is-open { display:block; animation: nscIn .25s ease; }
@keyframes nscIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
.nsc-panel h2 { margin:0 0 4px; color:var(--fb-navy); font-size:1.35rem; }
.nsc-blurb { margin:0 0 14px; color:var(--fb-text); }
.nsc-q {
  display:block; width:100%; text-align:left; margin:0 0 10px; padding:14px 14px;
  border-radius:12px; border:1.5px solid var(--fb-border); background:#fbfdfe;
  cursor:pointer; color:var(--fb-ink); transition: border-color .15s, background .15s;
}
.nsc-q:hover, .nsc-q:focus-visible { border-color:var(--fb-primary); background:var(--fb-ice); outline:none; }
.nsc-q.is-selected { border-color:var(--fb-primary); background:linear-gradient(135deg,#e8f4f8,#f7fbfd); }
.nsc-q .en { display:block; font-weight:600; }
.nsc-q .ur { display:block; margin-top:6px; direction:rtl; font-family:"Noto Nastaliq Urdu",serif; color:var(--fb-primary); font-size:.98rem; }
.nsc-result { display:none; margin-top:18px; padding-top:16px; border-top:1px solid var(--fb-border); }
.nsc-result.is-open { display:block; animation: nscIn .25s ease; }
.nsc-badge {
  display:inline-block; padding:5px 12px; border-radius:999px; font-size:.78rem; font-weight:700;
  letter-spacing:.04em; text-transform:uppercase; margin:0 0 10px;
}
.nsc-badge.urgent { background:#fde8e8; color:var(--fb-danger); }
.nsc-badge.routine { background:var(--fb-ice); color:var(--fb-primary); }
.nsc-badge.self_care_then_book { background:#f3f0ea; color:#6d5638; }
.nsc-block { margin:0 0 14px; }
.nsc-block h3 { margin:0 0 6px; font-size:1rem; color:var(--fb-navy); }
.nsc-cta-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.nsc-btn {
  display:inline-block; text-decoration:none; font-weight:700; border-radius:8px; padding:12px 20px;
}
.nsc-btn-gold { background:linear-gradient(135deg,#b8956c,#9a7a4e); color:var(--fb-navy); }
.nsc-btn-outline { border:2px solid var(--fb-gold); color:var(--fb-navy); background:transparent; }
.nsc-btn-danger { background:var(--fb-danger); color:#fff; }
.nsc-btn-ghost { border:2px solid var(--fb-primary); color:var(--fb-navy); background:transparent; cursor:pointer; }
.nsc-back { margin:0 0 12px; }
.nsc-footer-cta {
  text-align:center; background:linear-gradient(135deg,#e8f4f8,#f7fbfd);
  border:1px solid var(--fb-border); border-radius:16px; padding:22px 18px; margin:28px 0 12px;
}
.nsc-cred { margin:18px 0 0; font-size:.85rem; color:#5a7084; text-align:center; }
@media (max-width:560px) {
  .nsc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nsc-wrap { padding:14px 10px 48px; }
}
