.skip-link{position:absolute;top:-100px;background:white;padding:1rem;z-index:100}.skip-link:focus{top:0}
header nav{gap:13px}header nav a{font-size:.88rem}header nav a[aria-current=page]{color:var(--orange);font-weight:800}
.page-masthead{padding:56px 0 48px;background:linear-gradient(125deg,#edf7ed,#faf8f0);border-bottom:1px solid #dbe8df}.page-masthead h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.4;margin:12px 0;color:var(--teal)}.page-masthead p{max-width:740px;color:#547276}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;font-size:.9rem}.breadcrumbs a{text-decoration:underline}
.page-teaser{display:flex;gap:24px;align-items:center;justify-content:space-between;padding-block:42px;border-top:1px solid #dce9df}.page-teaser p{max-width:660px;color:#547276}.page-teaser .button{flex-shrink:0}.page-teaser h2{color:var(--teal)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;padding-block:48px}.detail-body{min-width:0}.detail-body h2{margin-block:28px 14px}.detail-image{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:22px}.prose-content{font-size:1.1rem;line-height:2;padding-block:24px;overflow-wrap:anywhere}.prose-content img{max-width:100%;height:auto}.prose-content a{text-decoration:underline}.related-panel{align-self:start;padding:26px;border:1px solid #dce9df;border-radius:22px;background:#f6faf7}.related-panel h2{font-size:1.2rem;margin-top:18px}.related-panel a{display:block;margin-top:14px}.article-meta{padding-block:18px;color:#547276;border-bottom:1px solid #dce9df}.pagination{display:flex;gap:20px;align-items:center;justify-content:center;padding-block:30px}main> .section-shell .wrap{padding-block:48px}.footer-column h2{font-size:1.1rem}
[data-theme=helal_modern] .page-masthead{background:#006f76;color:white;border-radius:0 0 48px 48px}[data-theme=helal_modern] .page-masthead h1,[data-theme=helal_modern] .page-masthead p,[data-theme=helal_modern] .breadcrumbs a{color:white}[data-theme=helal_modern] .related-panel{border-radius:8px;box-shadow:8px 8px 0 #eaf2e5}[data-theme=helal_modern] .detail-image{border-radius:8px}
@media(min-width:1100px){header{flex-wrap:wrap}header nav{flex:1;justify-content:center}}@media(max-width:1099px){header nav{gap:10px}.brand small{font-size:.7rem}}@media(max-width:767px){.detail-grid{grid-template-columns:1fr;gap:24px;padding-block:26px}.page-teaser{flex-direction:column;align-items:flex-start}.page-masthead{padding:30px 0}.related-panel{width:100%}.page-masthead h1{font-size:2rem}.pagination{gap:10px}}

.section-more{padding-bottom:28px}.footer-column h2{margin:0 0 12px}

/* A quiet, balanced navigation bar shared by both themes. */
.clinic-header{position:sticky;top:0;z-index:40;width:100%;max-width:none;min-height:0;padding:0;margin:0;display:block;background:rgba(255,255,255,.97);border-bottom:1px solid #e4ece7;box-shadow:0 3px 18px #164b4e04;flex-wrap:nowrap}
.clinic-header .header-inner{max-width:1280px;margin:auto;padding:17px 32px;display:flex;align-items:center;gap:44px;min-height:94px}
.clinic-header .header-brand{gap:12px;font-size:20px;letter-spacing:0;flex-shrink:0}.clinic-header .brand-logo{width:56px;height:56px;object-fit:contain}.clinic-header .header-brand small{font-size:10px;letter-spacing:2px;color:#648480;margin-top:3px;font-weight:500}
.clinic-header #main-menu{position:static;display:flex;align-items:center;justify-content:space-between;flex:1;gap:24px;width:auto;order:0;border:0;padding:0;background:none;box-shadow:none;flex-wrap:nowrap}
.clinic-header .header-links{display:flex;align-items:center;justify-content:center;gap:5px;margin-inline:auto;padding:5px;background:#f5f8f5;border:1px solid #ecf1eb;border-radius:14px}
.clinic-header #main-menu .header-links a{padding:8px 13px;border-radius:10px;font-size:14px;line-height:1.6;color:#526e6d;font-weight:500;transition:background .18s,color .18s}
.clinic-header #main-menu .header-links a:hover{background:#e7f0ea;color:var(--teal)}.clinic-header #main-menu .header-links a[aria-current=page]{background:white;color:var(--teal);font-weight:800;box-shadow:0 2px 7px #164b4e09}
.clinic-header .header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.clinic-header #main-menu .header-booking{padding:11px 19px;gap:9px;font-size:14px;color:white;background:var(--teal);border-color:var(--teal);border-radius:12px;box-shadow:0 4px 12px #006f7612;line-height:1.6;white-space:nowrap}.clinic-header #main-menu .header-booking:hover{background:#075c60;transform:none}.clinic-header .header-account{font-size:12px;color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.clinic-header .menu-toggle{display:none}
[data-theme=helal_modern] .clinic-header .header-links{border-radius:999px}[data-theme=helal_modern] .clinic-header #main-menu .header-links a,[data-theme=helal_modern] .clinic-header #main-menu .header-booking{border-radius:999px}
@media(min-width:901px) and (max-width:1120px){.clinic-header .header-inner{padding-inline:24px;gap:22px}.clinic-header .header-brand{font-size:17px}.clinic-header .brand-logo{width:48px;height:48px}.clinic-header #main-menu{gap:15px}.clinic-header #main-menu .header-links a{padding:8px 9px;font-size:13px}.clinic-header .header-actions{gap:10px}.clinic-header .header-account{max-width:65px;text-align:center}}
@media(max-width:900px){.clinic-header .header-inner{padding:13px 22px;min-height:80px;justify-content:space-between;gap:12px}.clinic-header .header-brand{font-size:18px;gap:10px}.clinic-header .brand-logo{width:48px;height:48px}.clinic-header .header-brand small{font-size:9px;letter-spacing:1.5px}.clinic-header .menu-toggle{display:flex;width:44px;height:44px;margin:0;align-items:center;justify-content:center;gap:5px;border:1px solid #dde9e1;border-radius:12px;background:#f6faf6;padding:10px}.clinic-header .menu-toggle span{width:20px}.clinic-header .menu-toggle[aria-expanded=true]{background:#e6f1eb;border-color:#b9d8ca}.clinic-header #main-menu{display:none;position:absolute;top:calc(100% + 8px);right:16px;left:16px;width:auto;padding:14px;border:1px solid #dce9e0;border-radius:20px;background:white;box-shadow:0 16px 35px #164b4e18;z-index:45}.clinic-header #main-menu.menu-open{display:flex;flex-direction:column;align-items:stretch;gap:14px}.clinic-header .header-links{display:grid;grid-template-columns:1fr;width:100%;gap:3px;margin:0;background:none;border:0;padding:0;border-radius:0!important}.clinic-header #main-menu .header-links a{padding:11px 14px;font-size:15px}.clinic-header #main-menu .header-links a[aria-current=page]{background:#edf5ef;box-shadow:none}.clinic-header .header-actions{border-top:1px solid #edf1ec;padding-top:14px;gap:14px;justify-content:space-between;flex-direction:row-reverse}.clinic-header #main-menu .header-booking{flex:1;min-height:46px}.clinic-header .header-account{padding:8px}.clinic-header .header-links a{border-radius:10px!important}}
@media(prefers-reduced-motion:reduce){.clinic-header #main-menu a{transition:none}}

/* Consistent Arabic reading rhythm with locally hosted type. */
body{font-weight:400;line-height:1.95}h1,h2,h3{font-weight:600;letter-spacing:0!important}h1{line-height:1.65}h2,h3{line-height:1.7}.hero h1{font-weight:600}.hero .lead{font-size:16px;line-height:2}.clinic-header .header-brand{font-weight:600;font-size:19px}.clinic-header #main-menu .header-links a{font-weight:500;font-size:13px}.clinic-header #main-menu .header-links a[aria-current=page]{font-weight:600}.button{font-weight:500}.prose-content{font-size:17px;line-height:2.1}
@media(max-width:760px){.hero h1{font-size:32px;line-height:1.8}.hero .lead{font-size:14px}.clinic-header .header-brand{font-size:17px}.clinic-header #main-menu .header-links a{font-size:14px}.prose-content{font-size:16px}}