/* Shared language navigation. Content and links work without JavaScript. */
.header-inner{flex-wrap:wrap;column-gap:20px;row-gap:12px;padding-block:14px}
.main-nav{margin-left:0;margin-inline-start:auto;gap:22px}
.language-picker{position:relative;flex-shrink:0;font-size:.9rem;z-index:30}
.language-picker summary{display:flex;align-items:center;justify-content:space-between;gap:9px;list-style:none;cursor:pointer;min-height:44px;padding:9px 14px;border:1px solid #66849b;border-radius:24px;color:#edf5fc;background:#142a40;white-space:nowrap}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:hover,.language-picker[open] summary{border-color:#8bdded}
.language-picker nav{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:155px;padding:7px;background:#142a40;border:1px solid #66849b;border-radius:12px;box-shadow:0 16px 35px #0008;display:flex;flex-direction:column}
.language-picker nav a{padding:9px 13px;min-height:44px;border-radius:6px;white-space:nowrap;direction:ltr;text-align:start}
.language-picker nav a[lang=ar]{direction:rtl}
.language-picker nav a:hover,.language-picker nav a[aria-current=page]{background:#24465c;color:#fff}
.language-picker a[aria-current=page]::after{content:' ✓';color:#8bdded}
.language-return{flex-basis:100%;font-size:.85rem;text-align:end;color:#8bdded;text-decoration:underline;order:5}
[hidden]{display:none!important}
.translation-note{font-size:.95rem;line-height:1.75;border-inline-start:3px solid #8bdded;padding-inline-start:14px;margin-block:22px;color:#c6d9e7}
.translated-section p{margin-top:20px;line-height:1.95;color:var(--muted);font-size:1.06rem}
.localized-sources{padding-inline-start:24px;overflow-wrap:anywhere}
.localized-sources li{padding:12px 0;color:#bfe8f3}
.localized-sources a{text-decoration:underline;text-underline-offset:4px}
html[lang=fr] .dimensional-title,html[lang=es] .dimensional-title,html[lang=pt] .dimensional-title{font-size:clamp(2.4rem,4.8vw,4.5rem);overflow-wrap:break-word}
html[dir=rtl]{font-family:Tahoma,Arial,sans-serif}
html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif;line-height:1.95}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.55}
html[dir=rtl] .eyebrow,html[dir=rtl] .masthead{letter-spacing:0;text-transform:none}
html[dir=rtl] .brand{direction:ltr;font-family:Space,Arial,sans-serif}
html[dir=rtl] .episode-heading h1{line-height:1.5;letter-spacing:0;font-size:clamp(2rem,4vw,3.8rem)}
html[dir=rtl] .latest-film .dimensional-title{line-height:1.55;letter-spacing:0;font-size:clamp(2.4rem,4.8vw,4.5rem)}
html[dir=rtl] .watch-notes ol{padding-left:0;padding-inline-start:24px}
html[dir=rtl] .visual-disclosure{border-left:1px solid #294859;border-inline-start:3px solid var(--cyan)}
/* Match the English hero shading, mirrored for right-to-left text. */
html[dir=rtl] .editorial-hero:before{background:linear-gradient(270deg,#080F1CEE 0%,#080F1C9E 40%,#080F1C08 78%),linear-gradient(0deg,#080F1C,transparent 26%)}
@media(max-width:760px){html[dir=rtl] .editorial-hero:before{background:linear-gradient(270deg,#080F1CE8,#080F1C85),linear-gradient(0deg,#080F1C,transparent 45%)}}
/* Mirror only the Arabic homepage artwork, never the text or other languages. */
html[lang=ar] #top.editorial-hero .editorial-backdrop img{transform:scaleX(-1)}
html[dir=rtl] .contact-email{font-family:Arial,sans-serif}
.language-picker a:focus-visible,.language-picker summary:focus-visible,.share-button:focus-visible{outline:3px solid #8bdded;outline-offset:4px}
@media(max-width:1100px){.header-inner{gap:12px}.main-nav{gap:16px}.header-cta{padding:9px 13px}}
@media(max-width:950px){.main-nav{order:4;flex-basis:100%;justify-content:center;margin-inline:0;flex-wrap:wrap}.language-picker{margin-inline-start:auto}.header-cta{display:none}.brand{font-size:1.05rem}.header-inner{min-height:80px}.language-picker summary{font-size:.85rem;padding-inline:11px}}
@media(max-width:480px){.main-nav{display:flex!important;gap:6px 18px;font-size:.82rem}.main-nav a{padding:5px 0;min-height:36px}.header-inner{column-gap:8px}.brand{font-size:.95rem;gap:7px}.brand img{width:34px;height:34px}.language-picker summary{padding-inline:10px}.shell{width:calc(100% - 32px)}.episode-heading h1{overflow-wrap:break-word}.contact-email{font-size:clamp(1rem,5vw,1.35rem)}}
