/* MethodExpert AI visual identity — additive compatibility layer */
:root {
  --brand-navy:#0f172a;--brand-slate:#1e293b;--brand-emerald:#10b981;--brand-cyan:#06b6d4;
  --neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;
  --neutral-500:#64748b;--neutral-700:#334155;--neutral-900:#0f172a;
  --color-background:var(--neutral-50);--color-surface:#fff;--color-surface-soft:var(--neutral-100);
  --color-text:var(--neutral-700);--color-text-muted:var(--neutral-500);--color-heading:var(--brand-navy);
  --color-border:var(--neutral-200);--color-primary:#047857;--color-primary-hover:#065f46;
  --color-accent:var(--brand-cyan);--color-focus:#0369a1;--color-success:#047857;--color-warning:#b45309;--color-danger:#b91c1c;
  --portal-accent:var(--brand-emerald);--portal-accent-soft:rgba(16,185,129,.10);
  --font-arabic:"Tajawal","IBM Plex Sans Arabic",system-ui,sans-serif;--font-latin:"Inter",system-ui,sans-serif;
  --font-size-xs:.78rem;--font-size-sm:.9rem;--font-size-base:1rem;--font-size-lg:1.125rem;
  --font-size-xl:1.3rem;--font-size-2xl:clamp(1.55rem,3vw,2rem);--font-size-3xl:clamp(2rem,4vw,2.8rem);
  --font-size-4xl:clamp(2.35rem,5vw,3.75rem);--font-size-hero:clamp(2.35rem,6vw,4.5rem);
  --leading-body:1.75;--leading-arabic:1.95;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;
  --space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;
  --space-section:clamp(3.5rem,8vw,6rem);--space-container:clamp(1rem,4vw,2rem);
  --container-reading:50rem;--container-standard:76rem;--container-wide:86rem;
  --radius-sm:.4rem;--radius-md:.65rem;--radius-lg:1rem;--radius-xl:1.35rem;--radius-pill:999px;
  --shadow-xs:0 1px 2px rgba(15,23,42,.05);--shadow-sm:0 4px 12px rgba(15,23,42,.06);
  --shadow-md:0 12px 30px rgba(15,23,42,.08);--shadow-lg:0 20px 45px rgba(15,23,42,.11);
  --transition-fast:160ms ease;--transition-base:220ms ease;
}
.methodexpert-ui[data-portal="academiastat"]{--portal-accent:#2563eb;--portal-accent-soft:rgba(37,99,235,.10)}
.methodexpert-ui[data-portal="fikra2project"]{--portal-accent:#059669;--portal-accent-soft:rgba(5,150,105,.10)}
.methodexpert-ui[data-portal="training"]{--portal-accent:#ea580c;--portal-accent-soft:rgba(234,88,12,.10)}
.methodexpert-ui[data-portal="consulting"]{--portal-accent:#7c3aed;--portal-accent-soft:rgba(124,58,237,.10)}
.methodexpert-ui{color:var(--color-text);background:var(--color-background);font-size:var(--font-size-base);line-height:var(--leading-body);font-family:var(--font-latin);overflow-x:clip}
.methodexpert-ui[dir="rtl"],html[dir="rtl"] .methodexpert-ui{font-family:var(--font-arabic);line-height:var(--leading-arabic)}
.methodexpert-ui::before{opacity:.35;filter:saturate(.65)}
.methodexpert-ui .container{width:min(calc(100% - 2 * var(--space-container)),var(--container-standard));margin-inline:auto}
.methodexpert-ui :where(h1,h2,h3,h4){color:var(--color-heading);font-weight:700;letter-spacing:-.018em;text-wrap:balance}
html[dir="rtl"] .methodexpert-ui :where(h1,h2,h3,h4){letter-spacing:0}
.methodexpert-ui :where(p,li){text-wrap:pretty}.methodexpert-ui p{max-width:72ch}
.methodexpert-ui a{transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}
.methodexpert-ui :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--color-focus)!important;outline-offset:3px!important}
.methodexpert-ui :where(.site-header,.navbar){background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--color-border)!important;box-shadow:var(--shadow-xs)!important;backdrop-filter:blur(12px);color:var(--color-heading)}
@supports not (backdrop-filter:blur(12px)){.methodexpert-ui :where(.site-header,.navbar){background:#fff!important}}
.methodexpert-ui :where(.brand-text,.logo-text,.brand-copy strong){color:var(--brand-navy)!important}
.methodexpert-ui :where(.brand-text span,.logo-text span,.brand-copy span){color:var(--color-primary)!important}
.methodexpert-ui :where(.nav-links a,.main-nav a){color:var(--neutral-700)!important;font-weight:600}
.methodexpert-ui :where(.nav-links a,.main-nav a)[aria-current="page"]{color:var(--portal-accent)!important}
.methodexpert-ui :where(.nav-links a,.main-nav a):hover{color:var(--color-primary)!important}
.methodexpert-ui :where(.menu-toggle,.mobile-menu-btn,.lang-btn){min-width:44px;min-height:44px;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;background:var(--color-surface)!important;color:var(--color-heading)!important}
.methodexpert-ui .lang-btn.active{border-color:var(--portal-accent)!important;background:var(--portal-accent-soft)!important;color:var(--portal-accent)!important}
.methodexpert-ui :where(.btn,.btn-primary,.btn-accent,.submit-btn){min-height:46px;border-radius:var(--radius-md)!important;background:var(--color-primary)!important;border:1px solid var(--color-primary)!important;color:#fff!important;box-shadow:var(--shadow-xs)!important;font-weight:700;transform:none}
.methodexpert-ui :where(.btn,.btn-primary,.btn-accent,.submit-btn):hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;box-shadow:var(--shadow-sm)!important;transform:translateY(-1px)}
.methodexpert-ui :where(.btn-outline,.btn-secondary){min-height:46px;border-radius:var(--radius-md)!important;background:var(--color-surface)!important;border:1px solid var(--neutral-300)!important;color:var(--brand-navy)!important;box-shadow:none!important}
.methodexpert-ui :where(.btn-outline,.btn-secondary):hover{border-color:var(--portal-accent)!important;color:var(--portal-accent)!important;background:var(--portal-accent-soft)!important;transform:translateY(-1px)}
.methodexpert-ui .btn-ghost{min-height:44px;padding-inline:var(--space-4);border:0;background:transparent;color:var(--color-primary);border-radius:var(--radius-md)}
.methodexpert-ui :where(button,.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.submit-btn):disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.methodexpert-ui :where(.hero,.page-hero){background:linear-gradient(135deg,#fff 0%,var(--neutral-50) 58%,rgba(6,182,212,.07) 100%)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-sm)!important;border-radius:var(--radius-xl)!important}
.methodexpert-ui :where(.hero,.page-hero) :where(h1,h2,h3){color:var(--color-heading)!important}
.methodexpert-ui .hero::before,.methodexpert-ui .hero::after{opacity:.22!important}.methodexpert-ui .hero-panel{transform:none!important;background:var(--color-surface)!important;border-color:var(--color-border)!important;box-shadow:var(--shadow-sm)!important}
.methodexpert-ui :where(.hero h1,.page-hero h1){font-size:var(--font-size-4xl);line-height:1.2}.methodexpert-ui .hero p,.methodexpert-ui .page-hero p{color:var(--color-text-muted)!important}
.methodexpert-ui :where(.eyebrow,.section-kicker,.section-label){color:var(--portal-accent)!important;background:var(--portal-accent-soft)!important;border:1px solid color-mix(in srgb,var(--portal-accent) 30%,transparent)!important;border-radius:var(--radius-pill)!important}
.methodexpert-ui .badge{color:#065f46!important;background:#d1fae5!important;border:1px solid #6ee7b7!important;opacity:1!important;text-shadow:none!important}
.methodexpert-ui .service-card:has(> .badge):nth-child(1){--portal-accent:#059669;--portal-accent-soft:#d1fae5}
.methodexpert-ui .service-card:has(> .badge):nth-child(2){--portal-accent:#2563eb;--portal-accent-soft:#dbeafe}
.methodexpert-ui .service-card:has(> .badge):nth-child(2)>.badge{color:#1e40af!important;background:#dbeafe!important;border-color:#93c5fd!important}
.methodexpert-ui .service-card:has(> .badge):nth-child(3){--portal-accent:#ea580c;--portal-accent-soft:#ffedd5}
.methodexpert-ui .service-card:has(> .badge):nth-child(3)>.badge{color:#9a3412!important;background:#ffedd5!important;border-color:#fdba74!important}
.methodexpert-ui .service-card:has(> .badge):nth-child(4){--portal-accent:#7c3aed;--portal-accent-soft:#ede9fe}
.methodexpert-ui .service-card:has(> .badge):nth-child(4)>.badge{color:#5b21b6!important;background:#ede9fe!important;border-color:#c4b5fd!important}
.methodexpert-ui .service-card:has(> .badge)>.icon{color:var(--portal-accent)!important;background:var(--portal-accent-soft)!important;box-shadow:none!important}
.methodexpert-ui :where(.card,.portal-card,.service-card,.knowledge-card,.course-card,.metric-card,.author-card,.cta-card,.map-item,.pricing-card,.faq-item){background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xs)!important;color:var(--color-text)!important;transform:none}
.methodexpert-ui :where(.card,.portal-card,.service-card,.knowledge-card,.course-card,.map-item):hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--portal-accent) 38%,var(--color-border))!important;box-shadow:var(--shadow-md)!important}
.methodexpert-ui :where(.card,.map-item,.pricing-card) :where(h2,h3,h4,strong){color:var(--color-heading)!important}.methodexpert-ui :where(.card,.map-item,.pricing-card) p{color:var(--color-text-muted)!important}
.methodexpert-ui .icon{background:var(--portal-accent-soft)!important;color:var(--portal-accent)!important}.methodexpert-ui .section{padding-block:var(--space-section)}
.methodexpert-ui :where(input,select,textarea){width:100%;min-height:46px;padding:.75rem 1rem;border:1px solid var(--neutral-300)!important;border-radius:var(--radius-md)!important;background:var(--color-surface)!important;color:var(--color-heading)!important;font:inherit;box-shadow:inset 0 1px 2px rgba(15,23,42,.04)}
.methodexpert-ui textarea{min-height:9rem;resize:vertical}.methodexpert-ui :where(input,select,textarea):hover{border-color:var(--neutral-500)!important}.methodexpert-ui :where(input,select,textarea):focus{border-color:var(--color-focus)!important;box-shadow:0 0 0 3px rgba(3,105,161,.14)!important}
.methodexpert-ui :where(input,select,textarea):invalid:not(:placeholder-shown){border-color:var(--color-danger)}.methodexpert-ui label{color:var(--color-heading);font-weight:600}.methodexpert-ui [role="status"]:not(:empty){border-inline-start:4px solid var(--portal-accent)!important;background:var(--portal-accent-soft)!important;color:var(--color-heading)!important}
.methodexpert-ui.knowledge-shell .reading{max-width:var(--container-reading);font-size:clamp(1rem,1.3vw,1.08rem)}
.methodexpert-ui .answer-block,.methodexpert-ui .answer-box,.methodexpert-ui .definition-box,.methodexpert-ui .example-box,.methodexpert-ui .note-box,.methodexpert-ui .key-takeaway{padding:var(--space-6)!important;border:1px solid var(--color-border)!important;border-inline-start:4px solid var(--portal-accent)!important;border-radius:var(--radius-md)!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:var(--shadow-xs)}
.methodexpert-ui .example-box{--portal-accent:#2563eb}.methodexpert-ui .note-box{--portal-accent:#b45309}.methodexpert-ui .reference-list,.methodexpert-ui .article-toc{background:var(--color-surface-soft)!important;border-color:var(--color-border)!important;border-radius:var(--radius-md)!important}
.methodexpert-ui .breadcrumbs{color:var(--color-text-muted)}.methodexpert-ui .breadcrumbs a{color:var(--color-primary)}
.methodexpert-ui :where(table,.comparison-table){background:var(--color-surface);color:var(--color-text);border-collapse:collapse}.methodexpert-ui :where(th,td){border-color:var(--color-border)!important}.methodexpert-ui th{background:var(--color-surface-soft)!important;color:var(--color-heading)!important;text-align:start}
.methodexpert-ui :where(.site-footer,footer){background:var(--brand-navy)!important;color:var(--neutral-200)!important;border-top:1px solid rgba(255,255,255,.1)!important}.methodexpert-ui :where(.site-footer,footer) :where(h2,h3,h4,strong){color:#fff!important}.methodexpert-ui :where(.site-footer,footer) a{color:var(--neutral-200)!important}.methodexpert-ui :where(.site-footer,footer) a:hover{color:#67e8f9!important}
.methodexpert-ui[data-portal] :where(.section-kicker,.section-label,.eyebrow,.icon){--color-accent:var(--portal-accent)}
html[dir="rtl"] .methodexpert-ui :where(.breadcrumbs,.nav-links,.hero-actions,.content-languages,.form-group,label){text-align:start}
@media(max-width:1020px){.methodexpert-ui :where(.site-header,.navbar) .container{gap:var(--space-3)}.methodexpert-ui .nav-links.is-open{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-md)}}
@media(max-width:768px){.methodexpert-ui{--space-section:3.5rem}.methodexpert-ui :where(.hero,.page-hero){padding:var(--space-6)!important}.methodexpert-ui :where(.grid,.hero-grid,.footer-grid,.portal-grid,.cards-grid){gap:var(--space-4)!important}.methodexpert-ui :where(.btn,.btn-primary,.btn-secondary,.btn-outline,.submit-btn){min-height:48px}.methodexpert-ui .reading{font-size:1rem}.methodexpert-ui :where(table,.comparison-table){min-width:40rem}.methodexpert-ui .comparison-wrap{overflow-x:auto}}
@media(max-width:430px){.methodexpert-ui .container{width:min(calc(100% - 1.5rem),var(--container-standard))}.methodexpert-ui :where(.hero h1,.page-hero h1){font-size:clamp(2rem,11vw,2.7rem)}.methodexpert-ui .hero-actions>*{width:100%}.methodexpert-ui .content-languages{gap:var(--space-2)}}
@media(prefers-reduced-motion:reduce){.methodexpert-ui *,.methodexpert-ui *::before,.methodexpert-ui *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.methodexpert-ui :where(.card,.portal-card,.service-card,.knowledge-card,.course-card,.map-item):hover{transform:none!important}}
@media(forced-colors:active){.methodexpert-ui :where(.btn,.btn-primary,.btn-secondary,.btn-outline,.card,input,select,textarea){border:1px solid CanvasText!important}}