/* JMS interview library. Scoped additions preserve the corporate navigation. */
body.interview-page{background:#f7f8fb}
.interview-page .navbar{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e5e8ef}
.interview-page .nav-logo-name{display:block;font-size:.94rem;font-weight:750;color:#253480}
.interview-page .nav-logo-sub{display:block;font-size:.62rem;color:#667084;margin-top:2px}
.interview-page .nav-inner{gap:18px}
.interview-page .nav-links a{padding:8px 9px;font-size:.82rem}
.interview-page .nav-logo img{height:51px}
.interview-page main,.interview-page dialog{font-family:'Tajawal',Tahoma,Arial,sans-serif}
.interview-page main h1,.interview-page main h2,.interview-page main h3,.interview-page dialog h2{letter-spacing:0}
.interview-page :focus-visible{outline:3px solid #00a99d;outline-offset:5px}
.interview-page [hidden]{display:none!important}
.interview-page .skip-link{position:fixed;top:-80px;right:20px;padding:12px 22px;background:white;z-index:100;color:#24347f}
.interview-page .skip-link:focus{top:10px}
.interview-hero{padding:32px 0 66px;background:radial-gradient(ellipse at 5% 45%,#283b77 0,transparent 55%),linear-gradient(120deg,#111a43,#101934 70%);color:white;overflow:hidden}
.interview-breadcrumb{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:.88rem;color:#adb9d6;margin-bottom:36px}
.interview-breadcrumb a:hover{color:white}
.interview-breadcrumb span[aria-hidden]{color:#7585b0}
.interview-hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:52px;align-items:center}
.interview-eyebrow{display:flex;align-items:center;gap:10px;color:#d3b780;font-weight:700;font-size:.95rem;margin-bottom:18px}
.interview-eyebrow::before{content:'';width:27px;height:2px;background:currentColor}
.interview-hero h1{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.35;font-weight:800;max-width:460px;margin-bottom:17px}
.interview-hero h1 span{color:#d9c191}
.interview-lead{font-size:1.1rem;line-height:1.95;color:#c8d2e7;max-width:465px}
.interview-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:27px}
.interview-primary,.interview-secondary{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:8px;font-size:1rem;font-weight:700;min-height:48px;padding:12px 22px;transition:background .2s,transform .2s}
.interview-primary{background:#d5bb87;color:#142044}
.interview-primary:hover{background:#e6cca0;transform:translateY(-2px)}
.interview-secondary{color:#fff;border:1px solid #647191}
.interview-secondary:hover{background:#ffffff12}
.play-icon{width:18px;height:18px;fill:currentColor;flex:none}
.interview-facts{display:flex;gap:24px;margin-top:32px;color:#b2c0dc;font-size:.9rem}
.interview-facts strong{font-size:1.25rem;color:#fff;margin-inline-end:5px;font-family:Inter,Arial,sans-serif;font-weight:600}
.interview-facts>span+span{border-inline-start:1px solid #ffffff26;padding-inline-start:24px}
.interview-feature{position:relative;display:block;border-radius:17px;overflow:hidden;border:1px solid #ffffff32;box-shadow:0 25px 55px #0004;isolation:isolate;background:#10172a}
.interview-feature img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:70% center;transition:transform .5s}
.interview-feature:hover img{transform:scale(1.025)}
.interview-feature::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0b1129ef);z-index:0}
.feature-play{position:absolute;top:41%;left:26%;transform:translate(-50%,-50%);border:1px solid #ffffffb0;border-radius:50%;width:67px;height:67px;display:grid;place-items:center;color:#fff;background:#fff2;backdrop-filter:blur(5px);z-index:1}
.feature-play svg{width:23px;height:23px;margin-left:4px}
.feature-caption{position:absolute;bottom:24px;right:27px;left:22px;z-index:1;color:#fff}
.feature-caption small{display:block;color:#d7bd8b;margin-bottom:8px;font-size:.87rem}
.feature-caption strong{display:block;font-size:1.4rem;line-height:1.4;font-weight:700}
.feature-caption span{display:block;color:#cdd5e8;font-size:.88rem;margin-top:5px}
.interview-library{padding:58px 0 74px;scroll-margin-top:95px}
.library-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}
.library-heading h2{font-size:clamp(1.7rem,2.6vw,2.25rem);line-height:1.5;color:#172550;font-weight:800}
.library-heading p{margin-top:7px;color:#6a7487;font-size:1rem}
.library-search{width:285px;flex:none;position:relative}
.library-search input{width:100%;border:1px solid #d9dfeb;border-radius:9px;background:white;padding:13px 42px 13px 13px;font:inherit;font-size:.95rem;color:#172550;min-height:47px}
.library-search svg{position:absolute;right:14px;top:16px;width:17px;height:17px;stroke:#68738a;fill:none;stroke-width:1.7}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.library-filters{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid #dfe4ed;margin-bottom:19px}
.library-filters button{font:inherit;font-weight:600;font-size:.95rem;display:flex;gap:9px;align-items:center;border-radius:7px;color:#58657d;padding:10px 15px;background:#e9edf4;transition:background .2s,color .2s}
.library-filters button[aria-pressed=true]{background:#293a86;color:#fff}
.library-filters button:hover{background:#dce3ef;color:#243475}
.library-filters button[aria-pressed=true]:hover{background:#203175;color:white}
.library-filters button span{font:500 .72rem Inter,Arial,sans-serif;background:#ffffff32;min-width:22px;padding:3px 5px;border-radius:5px;text-align:center}
.library-results{font-size:.87rem;color:#7a8496;margin-bottom:20px;min-height:25px}
.clip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.clip-card{border:1px solid #e1e6ef;border-radius:13px;background:white;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.clip-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #17255012;border-color:#c4cede}
.clip-link{display:flex;flex-direction:column;height:100%;color:inherit}
.clip-thumbnail{position:relative;overflow:hidden;background:#182445;aspect-ratio:16/9}
.clip-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.clip-card:hover .clip-thumbnail img{transform:scale(1.035)}
.clip-thumbnail::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0b14345e)}
.clip-number,.clip-time{position:absolute;z-index:1;color:white;background:#101a36d9;border-radius:5px;font-family:Inter,Arial,sans-serif;font-size:.74rem;font-weight:500;padding:4px 8px;line-height:1.5}
.clip-number{top:12px;right:12px;letter-spacing:.06em}
.clip-time{bottom:12px;left:12px}
.clip-play{position:absolute;z-index:1;inset:0;display:grid;place-items:center;color:#fff}
.clip-play>span{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;border:1px solid #ffffffc0;background:#15234e65;backdrop-filter:blur(3px);transition:background .2s,transform .2s}
.clip-play svg{width:17px;height:17px;margin-left:3px}
.clip-card:hover .clip-play>span{background:#d1b47f;color:#17254d;transform:scale(1.08);border-color:#d1b47f}
.clip-copy{padding:20px 22px 18px;display:flex;flex:1;flex-direction:column}
.clip-category{font-size:.8rem;font-weight:700;color:#8c713c;margin-bottom:9px}
.clip-copy h3{font-size:1.19rem;font-weight:800;line-height:1.55;color:#18294f;min-height:3.1em;margin-bottom:9px}
.clip-copy p{font-size:.92rem;line-height:1.8;color:#737c8d;margin-bottom:20px;flex:1}
.clip-watch{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid #edf0f5;color:#2a3c84;font-size:.9rem;font-weight:700}
.clip-watch>span:last-child{font:1.35rem Arial,sans-serif}
.library-empty{padding:55px 20px;text-align:center;border:1px dashed #c4cede;border-radius:12px;background:#fff}
.library-empty h3{font-size:1.4rem;margin-bottom:12px}
.library-empty button{margin-top:20px;padding:12px 25px;background:#2b3990;border-radius:7px;color:white;font:inherit}
.interview-endnote{margin-top:45px;padding-top:30px;border-top:1px solid #dfe4ed;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#6a7487;font-size:.95rem}
.interview-endnote a{color:#2b3990;font-weight:700;white-space:nowrap}
.chapter-dialog{position:fixed;inset:0;margin:auto;border:1px solid #ffffff24;padding:0;background:#fff;color:#172550;border-radius:14px;width:min(1000px,94vw);max-height:94dvh;overflow:auto;box-shadow:0 30px 100px #0008}
.chapter-dialog::backdrop{background:#060d22df;backdrop-filter:blur(7px)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 24px;background:#fff}
.dialog-heading h2{font-size:1.2rem;line-height:1.5;font-weight:800}
.dialog-heading small{font-size:.79rem;color:#8d7242;display:block;margin-bottom:3px}
.dialog-close{width:39px;height:39px;background:#eef1f6;border-radius:50%;font-size:26px;line-height:1;flex:none;color:#3d4961}
.dialog-media{position:relative;width:100%;aspect-ratio:16/9;max-height:max(180px,calc(94dvh - 270px));background:#10172b}
.dialog-media video{display:block;width:100%;height:100%;object-fit:contain}
.dialog-start{position:absolute;inset:0;display:grid;place-items:center;background:#10172b33;color:#fff;font:inherit}
.dialog-start span{display:flex;align-items:center;gap:12px;padding:14px 27px;background:#253780;border:1px solid #fff8;border-radius:8px}
.dialog-details{padding:20px 24px 23px}
.dialog-description{color:#687488;font-size:1rem;line-height:1.7}
.dialog-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:17px}
.dialog-toolbar button,.dialog-toolbar a{font:600 .9rem 'Tajawal',Tahoma,sans-serif;min-height:41px;padding:10px 16px;border:1px solid #d7deeb;border-radius:7px;color:#2a3b80;background:#fff}
.dialog-toolbar .next-clip{background:#2b3990;border-color:#2b3990;color:#fff}
.dialog-toolbar button:disabled{opacity:.4;cursor:default}
.dialog-toolbar .share-clip{margin-inline-start:auto}
.dialog-status{color:#69758a;font-size:.88rem;min-height:23px;margin-top:10px}
.share-fallback{margin-top:10px;width:100%;padding:9px;font:14px Inter,Arial,sans-serif;border:1px solid #d7deeb;border-radius:5px;direction:ltr}
html.dialog-open{overflow:hidden}
@media(min-width:1121px){.interview-page .nav-links{display:flex!important}}
@media(max-width:1120px){.interview-page .nav-links{display:none}.interview-page .nav-toggle{display:flex}.interview-page .nav-links.is-open{position:absolute;top:80px;right:0;left:0;display:flex;flex-wrap:wrap;justify-content:center;background:white;padding:20px;border-bottom:1px solid #dfe4ed;box-shadow:0 10px 18px #17255015}.interview-hero-grid{gap:30px}.interview-hero h1{font-size:2.6rem}}
@media(max-width:850px){.interview-hero-grid{grid-template-columns:1fr 1fr;gap:25px}.interview-hero h1{font-size:2.2rem}.interview-lead{font-size:1rem}.interview-hero{padding-bottom:40px}.interview-primary,.interview-secondary{font-size:.92rem;padding:10px 15px}.interview-facts{gap:15px;font-size:.8rem}.interview-facts>span+span{padding-inline-start:15px}.feature-caption{right:19px;bottom:18px}.feature-caption strong{font-size:1.2rem}.feature-caption span{font-size:.76rem}.clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-heading{align-items:start}.library-search{width:245px}.interview-page .nav-logo-name{font-size:.86rem}.interview-page .nav-logo-sub{font-size:.58rem}.interview-page .nav-cta{font-size:.76rem!important;padding:9px 14px!important}}
@media(max-width:600px){.container{padding-inline:20px}.interview-page .nav-inner{gap:8px;height:72px}.interview-page .navbar{--header-h:72px}.interview-page .nav-logo{gap:8px}.interview-page .nav-logo img{height:43px}.interview-page .nav-logo-name{font-size:.72rem}.interview-page .nav-logo-sub{font-size:.49rem}.interview-page .nav-cta{display:none}.interview-page .nav-links.is-open{top:72px}.interview-hero{padding-top:23px;padding-bottom:32px}.interview-breadcrumb{margin-bottom:25px;font-size:.8rem;gap:8px}.interview-hero-grid{grid-template-columns:1fr;gap:30px}.interview-hero h1{font-size:2.65rem;max-width:340px;margin-bottom:14px}.interview-eyebrow{margin-bottom:11px}.interview-lead{font-size:1.03rem}.interview-facts{margin-top:23px;font-size:.86rem}.interview-facts strong{font-size:1.13rem}.interview-feature img{aspect-ratio:16/9}.feature-caption strong{font-size:1.25rem}.feature-caption span{font-size:.83rem}.feature-play{width:55px;height:55px;top:36%}.interview-library{padding-top:35px}.library-heading{display:block;margin-bottom:21px}.library-heading h2{font-size:1.8rem}.library-search{width:100%;margin-top:21px}.library-filters{gap:7px;padding-bottom:19px}.library-filters button{font-size:.82rem;padding:9px 11px}.library-filters button span{font-size:.65rem;min-width:19px}.clip-grid{gap:22px;grid-template-columns:1fr}.clip-copy h3{min-height:0;font-size:1.28rem}.clip-copy p{font-size:1rem}.clip-copy{padding:20px}.interview-endnote{display:block}.interview-endnote a{display:block;margin-top:14px}.chapter-dialog{width:96vw;max-height:95dvh;border-radius:11px}.dialog-heading{padding:14px 16px;gap:12px}.dialog-heading h2{font-size:1.08rem}.dialog-details{padding:16px}.dialog-toolbar .share-clip{margin-inline-start:0}.dialog-toolbar button,.dialog-toolbar a{font-size:.81rem;padding:8px 11px}.dialog-close{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.subtitle-note{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;color:#526384;font-size:.82rem;line-height:1.7;margin-bottom:10px}.subtitle-note [lang="en"]{font-family:Inter,Arial,sans-serif;font-size:.75rem}

/* Bilingual page: native reading direction, shared layout and persistent language controls. */
html[lang="en"] .interview-page main,html[lang="en"] .interview-page dialog{font-family:Inter,Arial,sans-serif}
html[lang="ar"] .interview-page{font-family:Tajawal,Tahoma,Arial,sans-serif}
.interview-utility{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:34px}
.interview-utility .interview-breadcrumb{margin:0}
.language-switch{display:inline-flex;flex:none;gap:3px;padding:4px;border:1px solid #ffffff38;border-radius:9px;background:#ffffff0c}
.language-switch button{font:600 .79rem Inter,Arial,sans-serif;border-radius:6px;padding:8px 12px;min-height:35px;color:#c8d2e7;background:transparent;white-space:nowrap}
.language-switch button[lang="ar"]{font-family:Tajawal,Tahoma,sans-serif;font-size:.91rem}
.language-switch button[aria-pressed="true"]{background:#d5bb87;color:#142044}
.language-switch button:hover{background:#ffffff21;color:#fff}
.language-switch button[aria-pressed="true"]:hover{background:#e6cca0;color:#142044}
.interview-hero h1 .heading-intro{color:#fff}
html[lang="en"] .interview-hero h1{font-size:clamp(2.3rem,3.6vw,3.3rem);line-height:1.15;max-width:550px}
html[lang="en"] .interview-hero h1 .heading-intro{display:inline-block;font-size:.61em;font-weight:600;margin-bottom:10px}
html[lang="en"] .interview-lead{font-size:1rem;line-height:1.85}
html[lang="en"] .interview-primary,html[lang="en"] .interview-secondary{font-size:.87rem;padding-inline:18px}
html[lang="en"] .interview-facts{font-size:.75rem;gap:18px}
html[lang="en"] .interview-facts>span+span{padding-inline-start:18px}
html[lang="en"] .feature-caption strong{font-size:1.35rem}
html[lang="en"] .feature-caption small{font-size:.76rem}
html[lang="en"] .feature-caption>span{font-size:.8rem}
html[lang="en"] .library-heading h2{font-size:clamp(1.6rem,2.5vw,2rem);line-height:1.4}
html[lang="en"] .library-heading p{font-size:.92rem;line-height:1.7}
html[lang="en"] .library-search input{padding:13px 13px 13px 42px}
html[lang="en"] .library-search svg{left:14px;right:auto}
.library-filters b{font:inherit}
html[lang="en"] .library-filters button{font-size:.8rem;padding:10px 13px}
html[lang="en"] .clip-category{font-size:.73rem}
html[lang="en"] .clip-copy h3{font-size:1.08rem;line-height:1.5;min-height:3em}
html[lang="en"] .clip-copy p{font-size:.86rem;line-height:1.8}
html[lang="en"] .clip-watch{font-size:.8rem}
.dialog-heading>div:first-child{min-width:0}
.dialog-heading-actions{display:flex;align-items:center;gap:13px;flex:none}
.compact-language{border-color:#dbe1ec;background:#f2f4f8;padding:3px}
.compact-language button{color:#526384;padding:6px 9px;min-height:30px;font-size:.7rem}
.compact-language button[lang="ar"]{font-size:.81rem}
.compact-language button:hover{background:#e3e8f0;color:#172550}
.compact-language button[aria-pressed="true"]{background:#293a86;color:#fff}
.compact-language button[aria-pressed="true"]:hover{background:#203175;color:#fff}
html[lang="en"] .dialog-heading h2{font-size:1.05rem;line-height:1.5}
html[lang="en"] .dialog-heading small{font-size:.73rem}
html[lang="en"] .dialog-description{font-size:.9rem}
html[lang="en"] .dialog-toolbar button,html[lang="en"] .dialog-toolbar a{font:600 .78rem Inter,Arial,sans-serif}
.dialog-start b{font:inherit}
html[lang="ar"] .footer-col h5{letter-spacing:0}
@media(max-width:850px){.interview-utility{gap:16px}.interview-breadcrumb{font-size:.77rem}.dialog-heading{flex-wrap:wrap;gap:12px}.dialog-heading-actions{margin-inline-start:auto}.dialog-media{max-height:max(180px,calc(94dvh - 310px))}}
@media(max-width:600px){.interview-utility{align-items:start;flex-wrap:wrap;margin-bottom:24px;gap:15px}.interview-utility .language-switch{margin-inline-start:auto}.interview-utility .interview-breadcrumb{font-size:.76rem;padding-top:12px}.language-switch button{padding:7px 10px;font-size:.73rem;min-height:32px}.language-switch button[lang="ar"]{font-size:.85rem}html[lang="en"] .interview-hero h1{font-size:2.65rem;max-width:100%}html[lang="en"] .interview-facts{font-size:.73rem;gap:12px}html[lang="en"] .interview-facts>span+span{padding-inline-start:12px}.dialog-heading>div:first-child{flex-basis:100%}.dialog-heading-actions{width:100%;justify-content:space-between;flex-direction:row-reverse}.compact-language button{font-size:.68rem;min-height:28px;padding:5px 8px}.compact-language button[lang="ar"]{font-size:.8rem}html[lang="en"] .dialog-toolbar button,html[lang="en"] .dialog-toolbar a{font-size:.72rem;padding:9px 10px}html[lang="en"] .clip-copy h3{min-height:0}html[lang="ar"] .nav-logo-name{font-size:.85rem}html[lang="ar"] .nav-logo-sub{font-size:.58rem}}