/* Shared bilingual chrome. Arabic overrides are scoped, preserving English design. */
.site-header .brand{order:0}.site-header nav{order:1;margin-inline-start:auto}.language-switch{order:2;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid var(--teal);border-radius:6px;text-decoration:none;color:var(--teal);font-weight:600;white-space:nowrap;flex-shrink:0}.language-switch:hover{background:#eaf6f2}.menu-toggle{order:3}
html[lang="ar"]{font-family:Tahoma,"Segoe UI",Arial,sans-serif}
html[lang="ar"] body{line-height:1.95}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{font-family:Tahoma,"Segoe UI",Arial,sans-serif;letter-spacing:0;line-height:1.55}
html[lang="ar"] h1{font-size:clamp(2rem,3.7vw,3.3rem)}
html[lang="ar"] .home-hero h1{font-size:clamp(2rem,4.2vw,3.7rem);line-height:1.55;letter-spacing:0;max-width:1050px}
html[lang="ar"] .home-hero h1 em{font-weight:400}
html[lang="ar"] .home-hero .lead{max-width:780px}
html[lang="ar"] .eyebrow,html[lang="ar"] .case-evidence strong,html[lang="ar"] .metrics dd,html[lang="ar"] .card-metric{letter-spacing:0}
html[lang="ar"] .eyebrow{font-size:.875rem}
html[lang="ar"] .lead{line-height:1.95}
html[lang="ar"] .metrics dd{font-family:inherit;line-height:1.65;font-size:clamp(1.35rem,2.2vw,2rem)}
html[lang="ar"] .metrics dt{line-height:1.85}
html[lang="ar"] .case-evidence strong{line-height:1.55}
html[lang="ar"] .scope-caption,html[lang="ar"] .small,html[lang="ar"] .case-evidence>span,html[lang="ar"] .case-status{line-height:1.85}
html[lang="ar"] ul{padding-left:0;padding-inline-start:22px}
html[lang="ar"] ul.lifecycle,html[lang="ar"] .mini-evidence{padding:0}
html[lang="ar"] .callout{border-left:0;border-right:3px solid var(--teal);border-radius:8px 0 0 8px}
html[lang="ar"] .text-button{text-align:start}
html[lang="ar"] .contact .text-button{text-align:center}
html[lang="ar"] .lifecycle li:not(:last-child):after{content:"←";margin-left:0;margin-inline-start:5px}
html[lang="ar"] .lifecycle.compact li:not(:last-child):after{content:"↓";margin-inline-start:auto}
html[lang="ar"] .case-split b{margin-right:0;margin-inline-end:5px}
html[lang="ar"] .work-card .eyebrow span{margin-right:0;margin-inline-end:12px}
html[lang="ar"] .skip{left:auto;right:20px}
html[lang="ar"] .analytics-consent{line-height:1.9}
html[lang="ar"] .analytics-consent details p{line-height:1.9}
html[lang="ar"] .chart-row{grid-template-columns:75px minmax(0,1fr) 120px}
html[lang="ar"] .story-section h2{line-height:1.75}
html[lang="ar"] .credential-layout .credential-grid>div{grid-template-columns:140px minmax(0,1fr)}
html[lang="ar"] bdi{unicode-bidi:isolate}
.monogram,.credential-mark,.closure-bar span{unicode-bidi:isolate}
.experience-row .role-addition{display:block;color:var(--teal);font-size:.875rem;line-height:1.7;margin:10px 0 6px;max-width:740px}
.oe-responsibility{border-top:1px solid var(--line);padding:40px 0 48px}
.oe-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:52px;align-items:start}
.oe-intro h2{font-size:clamp(1.7rem,2.9vw,2.3rem);line-height:1.3;letter-spacing:-.025em}
.oe-designation{border-inline-start:3px solid var(--teal);padding-inline-start:25px}
.oe-role{font-size:1.1875rem;font-weight:650;color:var(--ink);margin-bottom:14px}
.oe-designation>p:not(.oe-role){color:var(--muted);font-size:1rem}
.oe-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px;padding:28px;background:var(--soft);border:1px solid var(--line);border-radius:10px}
.oe-support-grid>div{min-width:0}.oe-support-grid h3{font-size:1.125rem;line-height:1.4;letter-spacing:0;margin-bottom:13px;color:var(--teal)}
.oe-support-grid p{color:var(--muted);font-size:1rem}
.oe-execution-link{margin-top:28px;max-width:950px}.oe-execution-link h3,.oe-boundary h3{font-size:1.0625rem;line-height:1.5;letter-spacing:0;margin-bottom:9px}.oe-execution-link p{color:var(--muted)}
.oe-boundary{margin-top:25px;padding-top:22px;border-top:1px solid var(--line);max-width:950px}.oe-boundary>p{color:var(--muted);font-size:1rem}.oe-boundary .small{font-size:.875rem}
html[lang="ar"] .oe-intro h2{letter-spacing:0;line-height:1.7}html[lang="ar"] .oe-support-grid h3{line-height:1.8}html[lang="ar"] .role-addition{line-height:1.9}
@media(max-width:760px){.oe-responsibility{padding:30px 0 35px}.oe-intro,.oe-support-grid{grid-template-columns:1fr;gap:24px}.oe-designation{padding-inline-start:18px}.oe-support-grid{padding:22px;gap:22px}.oe-support-grid>div+div{padding-top:22px;border-top:1px solid var(--line)}}
@media print{.oe-intro{display:block}.oe-designation{margin-top:12pt}.oe-support-grid{background:white;break-inside:avoid}.oe-responsibility{padding:15pt 0}.oe-boundary{break-inside:avoid}}
/* Keep mixed-direction copy inside one grid cell, never as separate flex items. */
.contact-actions{display:grid;grid-auto-rows:1fr;gap:12px;justify-content:stretch;align-content:center;min-width:0}
.contact-action{display:grid;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:16px;min-height:96px;width:100%;padding:20px 22px;border:1px solid #6c8a99;border-radius:12px;background:#ffffff05;color:#fff;text-align:start;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.contact-action.primary{background:var(--mint);color:var(--night);border-color:var(--mint)}
.contact-action-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff35;border-radius:10px;background:#ffffff07}
.contact-action.primary .contact-action-icon{background:#ffffff35;border-color:#091f2d25}
.contact-action-icon svg{display:block}
.contact-action-copy{display:block;min-width:0}
.contact-action-title{display:block;font-size:1.0625rem;font-weight:650;line-height:1.6}
.contact-action-meta{display:block;margin-top:5px;color:#bcd2dd;font-size:.875rem;line-height:1.6;font-weight:400}
.contact-action.primary .contact-action-meta{color:#244b50}
.contact-action-end{display:block;font-size:1.4rem;line-height:1;text-align:center}
.contact-action:hover{border-color:var(--mint);background:#ffffff0d;transform:translateY(-2px)}
.contact-action.primary:hover{background:#a5ecd9}
.contact-action:focus-visible{outline:3px solid var(--mint);outline-offset:4px}
.contact-action.primary:focus-visible{outline-color:white}
html[lang="ar"] .contact-action-title,html[lang="ar"] .contact-action-meta{line-height:1.85}
/* Also keep inline bidi fragments together in the remaining hero buttons. */
html[lang="ar"] .hero-actions .button{display:block;text-align:center}
@media(max-width:420px){.contact-action{grid-template-columns:38px minmax(0,1fr) 16px;gap:12px;padding:17px 15px;min-height:96px}.contact-action-icon{width:38px;height:42px}.contact-action-title{font-size:1rem}.contact-action-end{font-size:1.2rem}}
@media(min-width:981px){.header-row{gap:16px}.site-header nav{gap:16px}html[lang="ar"] .site-header nav{gap:14px}html[lang="ar"] .site-header nav a{font-size:.875rem}html[lang="ar"] .brand small{font-size:.875rem}}
@media(max-width:1100px) and (min-width:981px){.shell.header-row{width:calc(100% - 32px)}.site-header nav{gap:10px}.brand{gap:8px}.site-header nav .nav-cv{padding:9px}.header-row{gap:12px}}
@media(max-width:980px){.site-header nav{order:4;margin-inline-start:0}.language-switch{margin-inline-start:auto;margin-inline-end:12px;padding:7px 11px}.header-row{gap:0}.menu-toggle{min-height:44px}html[lang="ar"] .site-header nav a{font-size:1rem}}
@media(max-width:760px){html[lang="ar"] .home-hero .metrics{grid-template-columns:1fr}html[lang="ar"] .home-hero .metrics>div{gap:4px}html[lang="ar"] .home-hero .metrics dd{font-size:1.6rem}html[lang="ar"] .home-hero .metrics dt{font-size:.9375rem}html[lang="ar"] .home-hero h1{font-size:clamp(1.9rem,6vw,2.6rem)}html[lang="ar"] .article-header h1{font-size:2rem}html[lang="ar"] .chart-row{grid-template-columns:52px minmax(0,1fr) 100px;font-size:.875rem}html[lang="ar"] .hero-focus{line-height:2}html[lang="ar"] .brand small{font-size:.875rem}.brand{font-size:.875rem}.brand small{font-size:.75rem}}
@media(max-width:390px){.header-row .brand{gap:6px}.monogram{width:30px;height:36px}.language-switch{margin-inline-end:7px;padding:6px 8px;font-size:.875rem}.menu-toggle{padding:7px 9px;font-size:.875rem}html[lang="ar"] .chart-row{grid-template-columns:1fr 2fr}html[lang="ar"] .chart-row>span:last-child{grid-column:2}}
@media(max-width:760px){html[lang="ar"] .credential-layout .credential-grid>div{display:block}html[lang="ar"] .credential-layout .credential-mark{margin-bottom:14px}}
@media print{.language-switch{display:none}html[lang="ar"] .home-hero h1,html[lang="ar"] .article-header h1{font-size:25pt}html[lang="ar"] .badge-panel{text-align:right}}