/* Scoped approved V5.6 editorial design; no global layout collision. */
.mh6-concept {--navy:#172c3d;--ink:#243749;--teal:#27767b;--teal-deep:#1b6065;--paper:#fbfaf7;--bone:#f0f3f1;--light:#fff;--line:#dfE5e1;--muted:#647580;--gold:#bc9f72}
.mh6-concept *, .mh6-concept *::before, .mh6-concept *::after {box-sizing:border-box}
.mh6-concept *[hidden] {display:none!important}
.mh6-concept {scroll-behavior:smooth}
.mh6-concept {margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",sans-serif;font-size:16px;line-height:1.82}
.mh6-concept.en {font-family:"Manrope",sans-serif;line-height:1.65}
.mh6-concept a {color:inherit;text-decoration:none}
.mh6-concept button, .mh6-concept input {font:inherit}
.mh6-concept button {cursor:pointer}
.mh6-concept img {max-width:100%;display:block}
.mh6-concept .container {width:min(1170px,calc(100% - 64px));margin-inline:auto}
.mh6-concept .notice {background:var(--navy);color:#ecf2ef;text-align:center;font-size:12px;padding:8px 16px;line-height:1.65}
.mh6-concept .header {background:#fffdf9;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.mh6-concept .head {display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}
.mh6-concept .logo {display:flex;align-items:center;gap:13px;flex-shrink:0}
.mh6-concept .logo-badge {width:42px;height:42px;border:1px solid #aab7b7;border-radius:50%;display:grid;place-items:center;font:700 16px "Manrope",sans-serif;color:var(--navy);letter-spacing:-1px;background:#fff}
.mh6-concept .logo-name {display:block;font-weight:700;font-size:18px;color:var(--navy);line-height:1.42}
.mh6-concept .logo-caption {display:block;color:var(--muted);font-size:11px;font-weight:500}
.mh6-concept .nav {display:flex;gap:26px;align-items:center;margin-inline:auto}
.mh6-concept .nav a {font-size:13px;font-weight:600;color:#4f6472;transition:color .2s}
.mh6-concept .nav a:hover, .mh6-concept .nav a.active {color:var(--teal-deep)}
.mh6-concept .header-cta, .mh6-concept .btn {display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;border:1px solid var(--navy);min-height:45px;padding:10px 22px;background:var(--navy);color:#fff;font-weight:650;font-size:13px;white-space:nowrap}
.mh6-concept .btn-light {background:transparent;color:var(--navy);border-color:#aababc}
.mh6-concept .btn:hover, .mh6-concept .header-cta:hover {transform:translateY(-1px)}
.mh6-concept .hamburger {display:none;border:1px solid var(--line);background:#fff;border-radius:8px;width:42px;height:42px;color:var(--navy);font-size:22px}
.mh6-concept .eyebrow {font:700 11px "Manrope",sans-serif;letter-spacing:.15em;color:var(--teal);text-transform:uppercase;display:inline-flex;align-items:center;gap:9px}
.mh6-concept .eyebrow:before {content:"";width:23px;height:1px;background:var(--gold)}
.mh6-concept .hero {padding:62px 0 70px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#f8f8f4 0%,#fffdfa 100%)}
.mh6-concept .hero-grid {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.84fr);gap:68px;align-items:center}
.mh6-concept .hero-copy h1 {font-size:clamp(42px,4.4vw,71px);line-height:1.42;letter-spacing:-1.5px;font-weight:700;color:var(--navy);margin:25px 0 23px}
.mh6-concept .hero-copy h1 .accent {color:var(--teal-deep)}
.mh6-concept .hero-copy .lead {font-size:17px;color:#455e6e;max-width:560px;line-height:1.95;margin-bottom:27px}
.mh6-concept .hero-copy .name-line {font-weight:650;color:var(--navy);font-size:14px;margin-bottom:4px}
.mh6-concept .action-row {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.mh6-concept .sub-meta {margin-top:23px;padding-top:22px;border-top:1px solid #dae1df;display:flex;align-items:center;flex-wrap:wrap;gap:12px 21px;color:#6a7b80;font-size:12px}
.mh6-concept .photo-wrap {position:relative;max-width:480px;margin-inline:auto;width:100%;padding-bottom:25px;padding-inline-end:15px}
.mh6-concept .photo-wrap:before {content:"";position:absolute;z-index:0;inset:23px 0 0 22px;border:1px solid #b8c8c6;border-radius:12px}
.mh6-concept .photo {height:555px;overflow:hidden;position:relative;border-radius:11px;background:#e0e5e4;box-shadow:0 20px 50px rgba(23,47,62,.10)}
.mh6-concept .photo img {height:100%;width:100%;object-fit:cover;object-position:center 25%}
.mh6-concept .photo-caption {position:absolute;bottom:0;inset-inline:0;background:linear-gradient(transparent,rgba(10,31,43,.76));color:white;padding:55px 23px 22px}
.mh6-concept .photo-caption b {font:700 13px "Manrope",sans-serif;display:block;letter-spacing:.03em}
.mh6-concept .photo-caption small {font-size:11px;color:#e0eae8}
.mh6-concept .mini-marker {position:absolute;inset-inline-end:-24px;top:18%;background:#fff;border:1px solid #e7e6df;color:var(--teal-deep);padding:14px 11px;font:700 10px "Manrope",sans-serif;letter-spacing:.08em;writing-mode:vertical-rl;transform:rotate(180deg);border-radius:5px}
.mh6-concept .separator-label {border-bottom:1px solid var(--line);padding:22px 0;background:#fff}
.mh6-concept .separator-inner {display:flex;align-items:center;justify-content:space-between;gap:20px}
.mh6-concept .separator-inner strong {font-weight:600;font-size:13px;color:var(--navy)}
.mh6-concept .service-list {display:flex;gap:30px;color:#607581;font-size:12px}
.mh6-concept .section {padding:88px 0}
.mh6-concept .two-col {display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.mh6-concept .section-tag {display:block;color:var(--teal);font:700 11px "Manrope";letter-spacing:.12em;margin-bottom:11px}
.mh6-concept h2 {font-size:clamp(29px,3vw,41px);color:var(--navy);line-height:1.55;font-weight:700;margin:0 0 20px;letter-spacing:-.35px}
.mh6-concept .section-copy {color:#526875;font-size:15px;line-height:2;max-width:580px}
.mh6-concept .simple-list {list-style:none;padding:0;margin:30px 0 0;border-top:1px solid var(--line)}
.mh6-concept .simple-list li {border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:22px;padding:18px 0}
.mh6-concept .simple-list li span {font:700 12px "Manrope";color:var(--gold);min-width:24px}
.mh6-concept .simple-list li b {font-weight:600;font-size:16px;color:var(--navy)}
.mh6-concept .simple-list li p {margin:4px 0 0;font-size:12px;color:#6e7f86}
.mh6-concept .panel-quote {padding:40px;background:#eaf0ee;border-radius:12px;position:relative}
.mh6-concept .panel-quote:before {content:"";position:absolute;right:30px;top:-18px;width:61px;height:3px;background:var(--teal)}
.mh6-concept .panel-quote strong {font-size:25px;color:var(--navy);line-height:1.7;display:block}
.mh6-concept .panel-quote p {color:#5c737a;font-size:13px;margin:16px 0 0}
.mh6-concept .dark-feature {background:var(--navy);color:#fff;padding:63px 0}
.mh6-concept .dark-feature h2 {color:#fff;margin:0 0 15px;font-size:35px}
.mh6-concept .dark-feature p {color:#ccdade;margin:0;max-width:530px;font-size:14px}
.mh6-concept .dark-flex {display:flex;justify-content:space-between;align-items:center;gap:30px}
.mh6-concept .dark-feature .btn {background:#fff;color:var(--navy);border-color:#fff}
.mh6-concept .article-teaser {border-top:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:100px 1fr 24px;align-items:center;gap:15px}
.mh6-concept .article-teaser .tag {font-size:11px;color:var(--teal);font-weight:600}
.mh6-concept .article-teaser h3 {color:var(--navy);margin:0;font-size:17px;line-height:1.7;font-weight:650}
.mh6-concept .article-teaser .arrow {font-size:24px;color:var(--teal)}
.mh6-concept .eyebrow-line {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.mh6-concept .eyebrow-line h2 {margin:0}
.mh6-concept .text-link {color:var(--teal-deep);font-weight:650;font-size:14px}
.mh6-concept .page-title {background:#f2f5f1;padding:66px 0 55px;border-bottom:1px solid var(--line)}
.mh6-concept .page-title h1 {font-size:clamp(39px,3.8vw,57px);color:var(--navy);line-height:1.42;letter-spacing:-.6px;margin:15px 0 18px}
.mh6-concept .page-title p {color:#56707c;max-width:660px;margin:0;font-size:15px}
.mh6-concept .about-layout {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:78px;align-items:start}
.mh6-concept .about-layout .photo {height:620px}
.mh6-concept .about-layout h2 {margin-top:15px}
.mh6-concept .about-copy p {font-size:15px;color:#566b77;line-height:2.06}
.mh6-concept .credential {display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.mh6-concept .credential div {border-top:1px solid #cad9d3;padding-top:16px}
.mh6-concept .credential b {color:var(--navy);display:block;font-size:14px}
.mh6-concept .credential small {color:#71848b;display:block;font-size:12px;margin-top:5px}
.mh6-concept .articles-mast {border-bottom:1px solid var(--line);padding:63px 0 44px;background:#f8faf7}
.mh6-concept .articles-mast h1 {font-size:clamp(39px,3.6vw,57px);color:var(--navy);margin:12px 0 13px;line-height:1.4}
.mh6-concept .articles-mast p {color:#61747c;max-width:580px;margin:0}
.mh6-concept .filters {display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:35px;align-items:center}
.mh6-concept .filter-controls {display:flex;gap:8px;flex-wrap:wrap}
.mh6-concept .filter-controls button {border:1px solid #d9e1dd;border-radius:5px;background:#fff;color:#526773;padding:7px 16px;font-size:12px}
.mh6-concept .filter-controls button.selected {background:var(--navy);border-color:var(--navy);color:#fff}
.mh6-concept .search {border:1px solid #d9e1dd;padding:12px 14px;min-width:230px;border-radius:6px;background:white;color:var(--navy);font-size:13px}
.mh6-concept .featured-article {display:grid;grid-template-columns:1fr .93fr;border:1px solid var(--line);overflow:hidden;border-radius:12px;background:#fff;margin-bottom:35px;min-height:340px}
.mh6-concept .featured-copy {padding:43px}
.mh6-concept .featured-copy .meta {font-size:12px;color:var(--teal);font-weight:650}
.mh6-concept .featured-copy h2 {font-size:30px;margin:20px 0;line-height:1.58}
.mh6-concept .featured-copy p {font-size:14px;color:#647881}
.mh6-concept .feature-art {background:linear-gradient(140deg,#dce8e2,#e6edec);position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:35px;color:var(--navy)}
.mh6-concept .feature-art .huge {font:700 145px "Manrope";line-height:.8;color:#b5cac4;position:absolute;top:17%;inset-inline-end:11%;letter-spacing:-13px}
.mh6-concept .feature-art .category {font-size:13px;z-index:1;font-weight:650}
.mh6-concept .feature-art .line {width:72px;height:3px;background:var(--gold);margin-bottom:18px;z-index:1}
.mh6-concept .article-list {display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.mh6-concept .article-list .story {border-top:1px solid #dce5df;padding:22px 2px;display:grid;grid-template-columns:1fr 36px;gap:14px}
.mh6-concept .story .meta {font-size:11px;color:var(--teal);font-weight:650}
.mh6-concept .story h3 {font-size:17px;font-weight:700;line-height:1.65;margin:8px 0;color:var(--navy)}
.mh6-concept .story p {font-size:12px;color:#74858e;margin:0}
.mh6-concept .story .serial {font:700 14px "Manrope";color:#afc7be;margin:2px 0}
.mh6-concept .footer {border-top:1px solid var(--line);padding:36px 0;color:#647681;font-size:12px;background:#fff}
.mh6-concept .foot-row {display:flex;justify-content:space-between;gap:20px;align-items:center}
.mh6-concept .foot-row b {color:var(--navy)}
.mh6-concept.en .hero-grid {direction:ltr}
.mh6-concept.en .photo-wrap {direction:ltr}
.mh6-concept.en .hero-copy h1 {font-family:"Manrope",sans-serif;line-height:1.16;font-size:clamp(40px,4.2vw,65px);letter-spacing:-2.5px}
.mh6-concept.en .hero-copy .lead {line-height:1.75}
@media (max-width:1050px) {.mh6-concept .nav {gap:12px}
.mh6-concept .nav a {font-size:12px}
.mh6-concept .logo-caption {display:none}
.mh6-concept .header-cta {font-size:12px;padding:9px 13px}
.mh6-concept .hero-grid {gap:35px}
.mh6-concept .hero-copy h1 {font-size:48px}}
@media (max-width:850px) {.mh6-concept .container {width:min(100% - 36px,1170px)}
.mh6-concept .nav {display:none}
.mh6-concept .hamburger {display:grid;place-items:center}
.mh6-concept .header-cta {margin-inline-start:auto}
.mh6-concept .hero {padding:30px 0 57px}
.mh6-concept .hero-grid, .mh6-concept .about-layout, .mh6-concept .two-col {grid-template-columns:1fr;gap:28px}
.mh6-concept .hero-copy h1, .mh6-concept.en .hero-copy h1 {font-size:clamp(33px,7vw,49px);line-height:1.47;margin-top:18px}
.mh6-concept .hero-grid .photo-wrap {order:-1;max-width:100%;padding-inline-end:8px;padding-bottom:6px}
.mh6-concept .hero-grid .photo-wrap:before {inset:9px -3px -3px 8px}
.mh6-concept .hero-grid .photo {height:255px}
.mh6-concept .hero-grid .photo img {object-position:center 27%}
.mh6-concept .hero-grid .mini-marker {display:none}
.mh6-concept .hero-grid .photo-caption {padding:28px 15px 12px}
.mh6-concept .hero-grid .photo-caption b {font-size:11px}
.mh6-concept .hero-copy .lead {font-size:14px;line-height:1.95}
.mh6-concept .action-row {margin-top:24px}
.mh6-concept .sub-meta {margin-top:16px;padding-top:16px}
.mh6-concept .section {padding:54px 0}
.mh6-concept .separator-inner {display:block}
.mh6-concept .service-list {gap:11px;flex-wrap:wrap;margin-top:9px}
.mh6-concept .panel-quote {padding:24px}
.mh6-concept .panel-quote strong {font-size:22px}
.mh6-concept .dark-flex {display:block}
.mh6-concept .dark-feature .btn {margin-top:20px}
.mh6-concept .dark-feature {padding:50px 0}
.mh6-concept .about-layout .photo {height:350px}
.mh6-concept .about-layout .photo-wrap {max-width:480px}
.mh6-concept .about-layout .photo-wrap:before {inset:15px 0 -7px 18px}
.mh6-concept .article-list {grid-template-columns:1fr}
.mh6-concept .featured-article {grid-template-columns:1fr}
.mh6-concept .feature-art {min-height:180px;order:-1}
.mh6-concept .featured-copy {padding:24px}
.mh6-concept .featured-copy h2 {font-size:23px}
.mh6-concept .filters {margin-bottom:26px}
.mh6-concept .search {width:100%;min-width:0}
.mh6-concept .articles-mast, .mh6-concept .page-title {padding:43px 0 38px}
.mh6-concept .credential {gap:14px}}
@media (max-width:480px) {.mh6-concept .head {min-height:66px;gap:8px}
.mh6-concept .logo-name {font-size:14px}
.mh6-concept .logo-badge {width:36px;height:36px;font-size:13px}
.mh6-concept .header-cta {display:none}
.mh6-concept .hero-copy h1, .mh6-concept.en .hero-copy h1 {font-size:33px}
.mh6-concept .hero-grid .photo {height:225px}
.mh6-concept .btn {font-size:12px;padding:10px 15px;min-height:43px}
.mh6-concept .action-row {gap:8px}
.mh6-concept .article-teaser {grid-template-columns:82px 1fr 15px}
.mh6-concept .article-teaser h3 {font-size:15px}
.mh6-concept .foot-row {align-items:start;flex-direction:column}
.mh6-concept .page-title h1 {font-size:39px}
.mh6-concept .credential {grid-template-columns:1fr}}