/*!
 * File: assets/health/health-page.css
 * ================================================================
 *  صحت کے تفصیلی صفحوں کی مشترکہ CSS
 * ================================================================
 *
 *  ⚠ 2026-08-31 — یہ فائل 71 فائلوں کی جگہ آئی ہے
 *
 *  پہلے assets/health/pages/ میں 71 الگ CSS فائلیں تھیں، ہر ایک
 *  ~3.4 KB۔ اُن کا موازنہ کرنے پر پتہ چلا کہ فرق صرف دو لائنوں کا
 *  تھا: پہلی لائن (صفحے کا نام لکھا ہوا comment) اور تیسری لائن،
 *  جو دو رنگ لے کر آتی تھی — --health-accent اور --health-soft۔
 *  باقی 25 لائنیں حرف بہ حرف ایک جیسی تھیں۔
 *  (دو فائلیں — allergy-specialist اور radiologist — تو بالکل
 *   ایک ہی MD5 رکھتی تھیں۔)
 *
 *  اب دونوں رنگ رجسٹری سے آتے ہیں اور صفحے پر inline لگتے ہیں:
 *
 *      inc/sections/health/page-registry.php   →  'accent' اور 'soft'
 *      templates/health/partials/health-detail-template.php
 *
 *  یعنی نیا صفحہ بنانے کے لیے اب کوئی CSS فائل نہیں بنانی — صرف
 *  رجسٹری میں دو رنگ لکھ دیں۔
 *
 *  ⚠ نیچے دیے گئے رنگ صرف fallback ہیں — اگر رجسٹری میں خانہ خالی
 *    ہو تو یہی چلتے ہیں۔
 *
 *  یہی طریقہ کھیل (sports-page.css) اور ثقافت میں پہلے سے ہے۔
 * ================================================================
 */
.health-detail,.health-detail *{box-sizing:border-box}.health-detail{direction:rtl;width:min(1180px,calc(100% - 24px));margin:0 auto;padding:16px 0 36px;color:#18324a;--health-accent:#0b7a75;--health-soft:#eef7f6;--health-border:#dce8ea;--health-muted:#5f7182;--health-shadow:0 14px 34px rgba(20,60,90,.08);--health-radius:22px}.health-detail-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;color:var(--health-muted);font-size:14px}.health-detail-breadcrumb a{color:var(--health-accent);font-weight:800;text-decoration:none}.health-detail-hero{position:relative;overflow:hidden;border-radius:28px;padding:clamp(24px,5vw,46px);background:linear-gradient(135deg,var(--health-accent),#17324d);color:#fff;box-shadow:var(--health-shadow)}.health-detail-kicker{display:inline-flex;background:rgb(255 255 255 / .16);border:1px solid rgb(255 255 255 / .24);padding:6px 14px;border-radius:999px;font-weight:900;margin-bottom:14px}.health-detail-hero h1{margin:0 0 12px;font-size:clamp(28px,6vw,48px);line-height:1.45;color:#fff}.health-detail-hero p{max-width:880px;margin:0;color:rgb(255 255 255 / .92);font-size:clamp(16px,3vw,20px);line-height:2}.health-detail-layout{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px}.health-detail-content,.health-detail-side,.health-faq,.health-related{background:#fff;border:1px solid var(--health-border);border-radius:var(--health-radius);padding:20px;box-shadow:0 6px 18px rgb(0 0 0 / .04)}.health-detail-content h2,.health-detail-side h2,.health-faq h2,.health-related h2{margin:0 0 12px;color:#17324d;font-size:clamp(21px,4vw,30px);line-height:1.55;border-right:5px solid var(--health-accent);padding-right:12px}.health-detail-content p,.health-detail-side p{line-height:2.1;color:#31495f;margin:0 0 13px;text-align:justify}.health-check-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.health-check-list li{position:relative;padding:10px 42px 10px 12px;background:var(--health-soft);border-radius:16px;border:1px solid rgb(0 0 0 / .05);line-height:1.9;font-weight:700}.health-check-list li:before{content:'✓';position:absolute;right:12px;top:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--health-accent);color:#fff;font-size:13px}.health-emergency-btn{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;background:#d71920;color:#fff;text-decoration:none;font-weight:900;margin-bottom:12px}.health-faq{margin-top:18px}.health-faq details{border:1px solid var(--health-border);border-radius:16px;padding:12px 14px;margin-bottom:10px;background:#fff}.health-faq summary{cursor:pointer;font-weight:900;color:#17324d;line-height:1.8}.health-faq p{margin:8px 0 0;color:#31495f;line-height:2}.health-related{margin-top:18px}.health-related-grid{display:grid;grid-template-columns:1fr;gap:10px}.health-related-grid a{display:flex;align-items:center;min-height:46px;text-decoration:none;color:#17324d;background:var(--health-soft);border:1px solid rgb(0 0 0 / .06);border-radius:16px;padding:8px 12px;font-weight:850;line-height:1.7}.health-related-grid a:hover{background:var(--health-accent);color:#fff}@media(min-width:760px){.health-detail-layout{grid-template-columns:minmax(0,1fr) 310px}.health-related-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.health-related-grid{grid-template-columns:repeat(4,1fr)}}