/* Articles Hub V2.3 performance + accessibility */
@font-face{font-family:CairoLocal;src:url('/assets/fonts/cairo-arabic-v31.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200D,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:CairoLocal;src:url('/assets/fonts/cairo-latin-v31.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2000-206F,U+20A0-20C0,U+2113,U+2122,U+2191,U+2193,U+2212,U+2215,U+2C60-2C7F,U+A720-A7FF,U+FEFF,U+FFFD}
body.mm-articles-hub-v2{font-family:CairoLocal,Arial,sans-serif}
body.mm-articles-hub-v2 .articles-category-section{content-visibility:auto;contain-intrinsic-size:auto 720px}
body.mm-articles-hub-v2 .category-filter .articles-chip-count{color:#263847;background:#e7edf0}
body.mm-articles-hub-v2 .category-filter a.is-active,body.mm-articles-hub-v2 .articles-all-chip.is-active{background:#075f5a!important;border-color:#075f5a!important;color:#fff!important}
body.mm-articles-hub-v2 .category-filter a.is-active .articles-chip-count,body.mm-articles-hub-v2 .articles-all-chip.is-active .articles-chip-count{background:#063d3a!important;color:#fff!important}
body.mm-articles-hub-v2{background:#f3f6f9;color:#0f172a}
body.mm-articles-hub-v2 .articles-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.mm-articles-hub-v2 .articles-hero{position:relative;overflow:hidden;padding:74px 0 68px;background:radial-gradient(circle at 12% 10%,rgba(0,190,180,.22),transparent 28%),radial-gradient(circle at 92% 18%,rgba(64,126,230,.22),transparent 30%),linear-gradient(135deg,#071824 0%,#0c2632 48%,#10243f 100%);border-bottom:1px solid rgba(255,255,255,.08);text-align:start}
body.mm-articles-hub-v2 .articles-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);pointer-events:none}
body.mm-articles-hub-v2 .articles-hero .container{position:relative;z-index:1}
body.mm-articles-hub-v2 .articles-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:42px;align-items:center}
body.mm-articles-hub-v2 .articles-hero-copy{max-width:760px}
body.mm-articles-hub-v2 .articles-hero .section-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:9px 14px;color:#8ef0e8;font-weight:900;backdrop-filter:blur(10px)}
body.mm-articles-hub-v2 .articles-hero h1{margin:18px 0 16px;color:#fff;font-size:clamp(38px,5vw,62px);line-height:1.13;letter-spacing:-1.5px;font-weight:900}
body.mm-articles-hub-v2 .articles-hero h1 span{display:block;background:linear-gradient(90deg,#7ee7de,#8eb9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
body.mm-articles-hub-v2 .articles-hero-copy>p{margin:0;color:#c8d7e0;font-size:18px;line-height:1.95;max-width:720px}
body.mm-articles-hub-v2 .articles-search-shell{margin:28px 0 0;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:10px;box-shadow:0 22px 55px rgba(0,0,0,.2);backdrop-filter:blur(12px)}
body.mm-articles-hub-v2 .articles-search-field{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:58px;background:#fff;border-radius:15px;padding:0 14px;color:#64748b}
body.mm-articles-hub-v2 .articles-search-field>i{font-size:18px;color:#009e98}
body.mm-articles-hub-v2 .articles-search-field input{width:100%;border:0;outline:0;background:transparent;color:#0f172a;font:inherit;font-size:16px;font-weight:700;min-width:0}
body.mm-articles-hub-v2 .articles-search-field input::placeholder{color:#94a3b8;font-weight:600}
body.mm-articles-hub-v2 .articles-search-clear{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:#eef3f6;color:#475569;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s ease,background .18s ease}
body.mm-articles-hub-v2 .articles-search-shell.has-value .articles-search-clear{opacity:1;pointer-events:auto}
body.mm-articles-hub-v2 .articles-search-meta{display:flex;justify-content:space-between;gap:14px;padding:9px 6px 1px;color:#b9cbd5;font-size:12px;font-weight:700}
body.mm-articles-hub-v2 .articles-search-meta strong{color:#8ef0e8;font-size:14px}
body.mm-articles-hub-v2 .articles-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
body.mm-articles-hub-v2 .articles-hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:47px;padding:0 19px;border-radius:13px;text-decoration:none;font-weight:900;transition:transform .18s ease,border-color .18s ease,background .18s ease}
body.mm-articles-hub-v2 .articles-primary-link{background:linear-gradient(135deg,#00a9a1,#367fd5);color:#fff;box-shadow:0 12px 30px rgba(0,169,161,.18)}
body.mm-articles-hub-v2 .articles-secondary-link{background:rgba(255,255,255,.07);color:#eef8fb;border:1px solid rgba(255,255,255,.14)}
body.mm-articles-hub-v2 .articles-hero-actions a:hover{transform:translateY(-2px)}
body.mm-articles-hub-v2 .articles-hero-panel{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:28px;box-shadow:0 30px 70px rgba(0,0,0,.24);backdrop-filter:blur(16px);color:#fff}
body.mm-articles-hub-v2 .articles-panel-kicker{color:#8ef0e8;font-size:12px;font-weight:900;letter-spacing:.2px;text-transform:uppercase}
body.mm-articles-hub-v2 .articles-hero-panel h2{margin:7px 0 8px;color:#fff;font-size:27px;line-height:1.35}
body.mm-articles-hub-v2 .articles-hero-panel>p{margin:0 0 20px;color:#c8d7e0;line-height:1.75;font-size:14px}
body.mm-articles-hub-v2 .articles-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.mm-articles-hub-v2 .articles-quick-grid a{display:flex;align-items:center;gap:10px;min-height:64px;padding:11px 13px;border-radius:15px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;font-weight:800;font-size:13px;transition:background .18s ease,transform .18s ease}
body.mm-articles-hub-v2 .articles-quick-grid a i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(126,231,222,.12);color:#8ef0e8;flex:0 0 auto}
body.mm-articles-hub-v2 .articles-quick-grid a:hover{background:rgba(255,255,255,.13);transform:translateY(-2px)}
body.mm-articles-hub-v2 .articles-panel-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
body.mm-articles-hub-v2 .articles-panel-proof span{display:inline-flex;align-items:center;gap:6px;color:#cbd9e1;font-size:11px;font-weight:800}
body.mm-articles-hub-v2 .articles-panel-proof i{color:#8ef0e8}
body.mm-articles-hub-v2 .articles-library{padding:38px 0 72px;background:linear-gradient(180deg,#f4f7fa 0%,#eef3f7 100%)}
body.mm-articles-hub-v2 .articles-browser-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}
body.mm-articles-hub-v2 .articles-browser-head .section-tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e8f6f4;border:1px solid #cbe7e4;color:#007f7a;font-size:12px;font-weight:900}
body.mm-articles-hub-v2 .articles-browser-head h2{margin:7px 0 0;font-size:clamp(27px,3vw,38px);line-height:1.3;color:#102231;font-weight:900}
body.mm-articles-hub-v2 .articles-browser-head p{max-width:600px;margin:0;color:#64748b;line-height:1.8;font-size:15px}
body.mm-articles-hub-v2 .articles-sticky-tools{position:sticky;top:82px;z-index:18;margin:0 0 28px;padding:10px;background:rgba(255,255,255,.92);border:1px solid #d9e5eb;border-radius:20px;box-shadow:0 14px 34px rgba(15,23,42,.08);backdrop-filter:blur(14px)}
body.mm-articles-hub-v2 .category-filter{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;overflow-x:auto;margin:0;padding:2px;scrollbar-width:thin}
body.mm-articles-hub-v2 .category-filter a,body.mm-articles-hub-v2 .articles-all-chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex:0 0 auto;min-height:39px;padding:0 13px;border-radius:999px;border:1px solid #dce7ec;background:#f8fafb;color:#324657;text-decoration:none;font:inherit;font-size:13px;font-weight:850;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
body.mm-articles-hub-v2 .category-filter a:hover,body.mm-articles-hub-v2 .category-filter a.is-active,body.mm-articles-hub-v2 .articles-all-chip.is-active{background:#0e776f;color:#fff;border-color:#0e776f}
body.mm-articles-hub-v2 .category-filter .articles-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(15,23,42,.07);font-size:10px;font-weight:900}
body.mm-articles-hub-v2 .category-filter a.is-active .articles-chip-count,body.mm-articles-hub-v2 .articles-all-chip.is-active .articles-chip-count{background:rgba(255,255,255,.16)}
body.mm-articles-hub-v2 .articles-category-section{scroll-margin-top:148px;background:#fff;border:1px solid #dce7ed;border-radius:28px;padding:28px;margin:0 0 24px;box-shadow:0 14px 38px rgba(15,23,42,.055)}
body.mm-articles-hub-v2 .articles-category-section[hidden]{display:none!important}
body.mm-articles-hub-v2 .section-head{position:relative;margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid #edf2f5}
body.mm-articles-hub-v2 .section-head .section-tag{display:inline-flex;background:#edf9f7;border:1px solid #d3ebe8;color:#007f7a;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}
body.mm-articles-hub-v2 .section-head h2{margin:10px 0 6px;color:#0f172a;font-size:clamp(24px,2.5vw,33px);line-height:1.35;font-weight:900}
body.mm-articles-hub-v2 .section-head p{margin:0;color:#64748b;line-height:1.7;font-size:14px}
body.mm-articles-hub-v2 .articles-section-count{position:absolute;inset-inline-end:0;top:4px;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:30px;padding:0 10px;border-radius:999px;background:#f1f5f7;color:#486273;font-size:11px;font-weight:900}
body.mm-articles-hub-v2 .article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.mm-articles-hub-v2 .article-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:198px;padding:21px;border:1px solid #e0e8ed;border-radius:19px;background:#fbfcfd;color:#0f172a;text-decoration:none;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body.mm-articles-hub-v2 .article-card[hidden]{display:none!important}
body.mm-articles-hub-v2 .article-card:before{content:"";position:absolute;inset-inline-start:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,#009e98,#367fd5)}
body.mm-articles-hub-v2 .article-card:first-child{grid-column:span 2;min-height:230px;padding:26px;background:linear-gradient(135deg,#eef9f7 0%,#f1f6ff 100%);border-color:#cfe1e6}
body.mm-articles-hub-v2 .article-card .cat{display:inline-flex;align-self:flex-start;padding:6px 9px;border-radius:999px;background:#eaf7f5;border:1px solid #d2ebe7;color:#007b75;font-size:11px;font-weight:900}
body.mm-articles-hub-v2 .article-card h2{margin:12px 0 8px;color:#102231;font-size:18px;line-height:1.55;font-weight:900}
body.mm-articles-hub-v2 .article-card:first-child h2{font-size:23px;max-width:760px}
body.mm-articles-hub-v2 .article-card p{margin:0;color:#64748b;font-size:13px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.mm-articles-hub-v2 .article-card:after{content:"←";margin-top:auto;padding-top:15px;color:#008f88;font-size:19px;font-weight:900;align-self:flex-end}
html[dir="ltr"] body.mm-articles-hub-v2 .article-card:after{content:"→"}
body.mm-articles-hub-v2 .article-card:hover{transform:translateY(-3px);border-color:#afd7d3;box-shadow:0 16px 30px rgba(15,23,42,.08)}
body.mm-articles-hub-v2 .articles-no-results{margin:30px 0;padding:42px 22px;text-align:center;background:#fff;border:1px dashed #bfd0d9;border-radius:24px;color:#506575}
body.mm-articles-hub-v2 .articles-no-results>i{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:16px;background:#eaf7f5;color:#008f88;font-size:20px}
body.mm-articles-hub-v2 .articles-no-results h3{margin:0 0 7px;color:#102231;font-size:22px}
body.mm-articles-hub-v2 .articles-no-results p{margin:0 auto 15px;max-width:560px;line-height:1.7}
body.mm-articles-hub-v2 .articles-no-results button{border:0;border-radius:12px;background:#0e776f;color:#fff;padding:11px 16px;font:inherit;font-weight:900;cursor:pointer}
body.mm-articles-hub-v2 .article-card:focus-visible,body.mm-articles-hub-v2 .category-filter a:focus-visible,body.mm-articles-hub-v2 .articles-all-chip:focus-visible,body.mm-articles-hub-v2 .articles-search-clear:focus-visible,body.mm-articles-hub-v2 .articles-hero-actions a:focus-visible{outline:3px solid rgba(69,146,231,.45);outline-offset:3px}
body.mm-articles-hub-v2 .menu.ms-main-menu a.active{color:#009e98}
@media(min-width:1200px) and (max-width:1400px){body.mm-articles-hub-v2 .site-header .container.nav{max-width:1320px!important;width:calc(100% - 24px)!important;display:grid!important;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:16px;padding-inline:0!important}body.mm-articles-hub-v2 .site-header .brand{min-width:148px;margin:0}body.mm-articles-hub-v2 .site-header .menu.ms-main-menu{display:flex!important;align-items:center;justify-content:center;flex-wrap:nowrap;gap:2px;min-width:0;margin:0;padding:0}body.mm-articles-hub-v2 .site-header .menu.ms-main-menu>li{flex:0 0 auto;margin:0}body.mm-articles-hub-v2 .site-header .menu.ms-main-menu>li>a{display:flex;align-items:center;min-height:48px;padding-inline:7px;white-space:nowrap;font-size:12.5px}body.mm-articles-hub-v2 .site-header .actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:6px;min-width:max-content;margin:0}body.mm-articles-hub-v2 .site-header .actions .btn-small{white-space:nowrap;padding-inline:9px;font-size:12px}}
@media(min-width:1101px) and (max-width:1199px){body.mm-articles-hub-v2 .site-header .container.nav{max-width:none!important;width:calc(100% - 24px)!important;min-height:68px!important;padding-inline:10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}body.mm-articles-hub-v2 .site-header .menu.ms-main-menu,body.mm-articles-hub-v2 .site-header .actions{display:none!important}body.mm-articles-hub-v2 .site-header .mobile-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:10px!important}body.mm-articles-hub-v2 .site-header .mobile-lang-switch{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;min-height:42px!important}}
@media(max-width:1040px){body.mm-articles-hub-v2 .articles-hero-grid{grid-template-columns:1fr;gap:26px}body.mm-articles-hub-v2 .articles-hero-copy{max-width:840px}body.mm-articles-hub-v2 .articles-hero-panel{max-width:760px}body.mm-articles-hub-v2 .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.mm-articles-hub-v2 .articles-browser-head{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:720px){body.mm-articles-hub-v2 .articles-hero{padding:46px 0 42px}body.mm-articles-hub-v2 .articles-hero h1{font-size:36px;letter-spacing:-.6px}body.mm-articles-hub-v2 .articles-hero-copy>p{font-size:15px}body.mm-articles-hub-v2 .articles-hero-panel{padding:20px;border-radius:22px}body.mm-articles-hub-v2 .articles-quick-grid{grid-template-columns:1fr 1fr}body.mm-articles-hub-v2 .articles-search-meta{flex-direction:column;gap:3px}body.mm-articles-hub-v2 .articles-library{padding-top:26px}body.mm-articles-hub-v2 .articles-sticky-tools{top:70px;margin-inline:-3px;border-radius:16px}body.mm-articles-hub-v2 .articles-category-section{padding:20px;border-radius:22px}body.mm-articles-hub-v2 .article-grid{grid-template-columns:1fr}body.mm-articles-hub-v2 .article-card:first-child{grid-column:span 1;min-height:0;padding:21px}body.mm-articles-hub-v2 .article-card:first-child h2{font-size:20px}body.mm-articles-hub-v2 .articles-section-count{position:static;margin-top:10px}}
@media(max-width:520px){body.mm-articles-hub-v2 .articles-hero h1{font-size:31px}body.mm-articles-hub-v2 .articles-search-field{min-height:54px}body.mm-articles-hub-v2 .articles-search-field input{font-size:14px}body.mm-articles-hub-v2 .articles-hero-actions{display:grid;grid-template-columns:1fr}body.mm-articles-hub-v2 .articles-hero-actions a{width:100%}body.mm-articles-hub-v2 .articles-quick-grid{grid-template-columns:1fr}body.mm-articles-hub-v2 .articles-browser-head h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){body.mm-articles-hub-v2 .article-card,body.mm-articles-hub-v2 .category-filter a,body.mm-articles-hub-v2 .articles-all-chip,body.mm-articles-hub-v2 .articles-quick-grid a,body.mm-articles-hub-v2 .articles-hero-actions a{transition:none}body.mm-articles-hub-v2 .article-card:hover,body.mm-articles-hub-v2 .articles-quick-grid a:hover,body.mm-articles-hub-v2 .articles-hero-actions a:hover{transform:none}}

/* ARTICLES HEADER V2.2 */
@media(min-width:1041px){
  body.mm-articles-hub-v2 .site-header .container.nav{width:min(1328px,calc(100% - 16px))!important;max-width:1328px!important;padding-inline:8px!important;display:grid!important;grid-template-columns:176px minmax(0,1fr) auto!important;align-items:center!important;column-gap:18px!important}
  body.mm-articles-hub-v2 .site-header .ms-brand{min-width:176px!important;max-width:176px!important}
  body.mm-articles-hub-v2 .site-header .menu.ms-main-menu{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;margin:0!important;padding:0!important}
  body.mm-articles-hub-v2 .site-header .menu.ms-main-menu>li>a{padding-inline:0!important;font-size:12.5px!important;white-space:nowrap!important}
  body.mm-articles-hub-v2 .site-header .actions{display:flex!important;align-items:center!important;gap:6px!important;min-width:max-content!important;padding-inline-start:8px!important;border-inline-start:1px solid #e5edf2!important}
  body.mm-articles-hub-v2 .site-header .actions .btn-small{padding-inline:9px!important;font-size:11.5px!important;min-height:38px!important}
}
@media(min-width:1041px) and (max-width:1240px){
  body.mm-articles-hub-v2 .site-header .container.nav{grid-template-columns:158px minmax(0,1fr) auto!important;column-gap:12px!important}
  body.mm-articles-hub-v2 .site-header .ms-brand{min-width:158px!important;max-width:158px!important}
  body.mm-articles-hub-v2 .site-header .menu.ms-main-menu{gap:7px!important}
  body.mm-articles-hub-v2 .site-header .menu.ms-main-menu>li>a{font-size:11.8px!important}
  body.mm-articles-hub-v2 .site-header .actions .btn-small{padding-inline:7px!important;font-size:11px!important}
  body.mm-articles-hub-v2 .site-header .actions .mm-account-entry span{display:none!important}
  body.mm-articles-hub-v2 .site-header .actions .mm-account-entry{width:38px!important;min-width:38px!important;padding-inline:0!important}
}

/* Articles Hub V2.4 — final mobile Lighthouse fixes */
body.mm-articles-hub-v2 .footer img[src*="logo-mark-v67.webp"]{
  width:100px!important;
  height:100px!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
}
@media(max-width:720px){
  body.mm-articles-hub-v2 .articles-category-section{
    content-visibility:visible!important;
    contain-intrinsic-size:none!important;
  }
  body.mm-articles-hub-v2 .category-filter a,
  body.mm-articles-hub-v2 .articles-all-chip{
    min-height:44px!important;
    padding-block:6px!important;
  }
  body.mm-articles-hub-v2 .footer-grid a,
  body.mm-articles-hub-v2 .footer a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding-block:7px;
  }
  body.mm-articles-hub-v2 .footer-grid>div{
    row-gap:4px;
  }
  body.mm-articles-hub-v2 .article-card{
    min-height:198px;
    margin-block:2px;
  }
}