/* EyeOnArab — editorial photo-first experience, 2026 edition */
:root{--ink:#14283b;--inkdeep:#101d2a;--accent:#a91f55;--berry:#e2548a;--mute:#4a5c6b;--line:#dae3e8;--paper:#f6f8fb;--reader-scale:1}
html{scroll-behavior:smooth} body{background:var(--paper);font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;font-size:16px;line-height:1.85;color:#243342}
*:focus-visible{outline:3px solid #ffbcda;outline-offset:3px}
.container{max-width:1250px}
.site-header{box-shadow:0 2px 10px rgba(4,22,36,.1)}
.utility{background:#101d2a}
.masthead{min-height:94px;padding-block:10px;grid-template-columns:1fr 1.15fr 1fr}
.brand-logo{width:min(100%,236px);height:auto}
.masthead-extra{opacity:.92}
.nav-bar{background:#20394f}
.nav-inner{height:48px}
.nav-inner a{font-size:.78rem}
.home-opening{padding:18px 0 17px}
.home-opening h1{font-size:clamp(1.85rem,3.2vw,3.4rem);font-weight:850;line-height:1.22}
.opening-note{font-size:.9rem;max-width:430px}
.opening-panorama{gap:18px;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))}
.hero-feature{min-height:578px;box-shadow:0 18px 45px rgba(20,40,59,.11);border-radius:8px}
.hero-art{min-height:278px}
.hero-caption{padding:23px 30px 24px}
.hero-caption h2{font-size:clamp(1.45rem,2.16vw,2.16rem);line-height:1.54;margin:11px 0}
.hero-caption p{font-size:.9rem;line-height:1.85}
.panorama-side{border-radius:8px;grid-template-columns:45% 55%;box-shadow:0 10px 28px rgba(20,40,59,.065)}
.side-info h3{font-size:clamp(1.03rem,1.36vw,1.27rem);line-height:1.55}
.side-info p{font-size:.79rem}
.card-image,.side-art,.hero-art,.report-image,.regional-media,.feature-figure,.article-figure,.listing-illustration,.country-hero-picture{position:relative;overflow:hidden;background:#dce5ec}
.card-image:before,.side-art:before,.hero-art:before,.report-image:before,.regional-media:before,.article-figure:before,.feature-figure:before,.listing-illustration:before,.country-hero-picture:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#cbd9e5 0%,#eef1f2 58%,#c5d3e3 100%);z-index:0}
.card-image img,.side-art img,.hero-art img,.report-image img,.regional-media img,.feature-figure img,.article-figure img,.listing-illustration img,.country-hero-picture img{position:relative;z-index:1;display:block;object-fit:cover;filter:saturate(.94) contrast(1.025);transition:transform .42s ease}
.hero-art img{position:absolute}
.panorama-side .side-art img{position:absolute}
.news-card:hover .card-image img,.hero-art:hover img,.report-image:hover img{transform:scale(1.025)}
.art-credit{z-index:3;bottom:9px;inset-inline-start:9px;border-radius:3px;background:rgba(10,28,43,.84);color:#fff;padding:5px 8px;font-size:.65rem}
.photo-missing{opacity:0!important;pointer-events:none}
.photo-container-unavailable:after{content:"صورة أرشيفية غير متاحة · راجع حقوق الصور";display:grid;place-items:center;position:absolute;inset:0;z-index:2;padding:24px;text-align:center;font-size:.8rem;font-weight:750;line-height:1.75;color:#294053;pointer-events:none}
.hero-art.photo-container-unavailable:after,.side-art.photo-container-unavailable:after{color:#243342}
.section-heading h2{font-size:clamp(1.45rem,2.5vw,2.3rem)}
.section-heading p{font-size:.89rem}
.card-body{padding:19px 20px 20px}
.card-body h3{font-size:1.13rem;line-height:1.63}
.card-body p{font-size:.85rem;line-height:1.82}
.micro-meta{font-size:.71rem}
.news-grid{gap:19px}
.news-card,.report-card,.regional-card{border-radius:7px;overflow:hidden;box-shadow:0 10px 28px rgba(20,40,59,.055)}
.report-card h3,.regional-card h3{line-height:1.62}
.article-layout{max-width:1210px}
.article-columns{grid-template-columns:minmax(0,760px) minmax(235px,305px);gap:48px;justify-content:space-between}
.article-header{padding-top:21px}
.article-header h1{font-size:clamp(2.15rem,3.45vw,3.42rem);line-height:1.51;font-weight:850;letter-spacing:-.02em;margin:14px 0 16px}
.article-deck{font-size:clamp(1.09rem,1.34vw,1.27rem);line-height:1.88;color:#44586a;max-width:780px}
.article-byline{display:flex;flex-wrap:wrap;gap:10px 23px;margin:28px 0 25px;padding:16px 0;border-top:1px solid #d8e2e9;border-bottom:1px solid #d8e2e9}
.article-byline>span{min-width:125px}
.article-byline small{color:#526578}
.article-figure{margin:14px 0 20px;aspect-ratio:16/10;border-radius:6px;overflow:hidden}
.article-figure img{width:100%;height:100%;object-fit:cover}
.article-figure figcaption{position:relative;z-index:3;background:#f7f8f9;padding:12px 13px;font-size:.74rem;line-height:1.9;color:#425769}
.article-actionbar{margin:24px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}
.article-actionbar button{min-height:38px;border-radius:4px}
.article-content{font-size:calc(1.09rem * var(--reader-scale));line-height:2.06;letter-spacing:0;max-width:740px;margin-inline:auto;color:#293844}
.article-content p{font-size:inherit;line-height:inherit;margin:0 0 22px;text-wrap:pretty}
.article-content .article-lead{font-weight:650;font-size:1.09em;line-height:1.95;color:#1c3145}
.article-content h2{font-size:1.32em;line-height:1.6;margin:35px 0 14px;padding-bottom:9px;border-bottom:1px solid var(--line);font-weight:800;color:#152c40}
.article-content .article-source-note{border-inline-start:4px solid var(--berry);background:#eef3f7;font-size:.85em;line-height:1.95;padding:18px 22px;margin:36px 0 29px;border-radius:4px}
.article-connection{background:#eef3f6;border:1px solid #d8e1e7;border-radius:6px;padding:24px 27px;margin:27px 0}
.article-connection h3{font-size:1.19rem;margin:9px 0}
.article-connection p{font-size:.88rem;line-height:1.88}
.sources-panel{margin-top:48px;border-top:2px solid #1b3347;padding-top:24px;background:#fff;padding-inline:20px;padding-bottom:24px;border-radius:3px}
.sources-panel h2{font-size:1.19rem}
.sources-panel p,.sources-panel ol{font-size:.86rem;line-height:1.95}
.article-sidebar{position:sticky;top:20px;align-self:start}
.sidebar-box{border-top:3px solid #df528b;background:#eaf1f5}
.sidebar-item strong{font-size:.87rem}
.country-hero{min-height:385px;gap:36px;padding:31px 0 40px}
.country-hero h1{font-size:clamp(2.45rem,4.5vw,4rem)}
.listing-hero{padding-block:32px;margin-top:10px}
.listing-hero h1{font-size:clamp(2.3rem,3.8vw,3.2rem)}
.feature-heading h1{line-height:1.48}
.feature-reading{max-width:785px}
.feature-reading p{font-size:1.08rem;line-height:2.02}
@media(max-width:1150px){.article-columns{gap:27px;grid-template-columns:minmax(0,1.6fr) minmax(220px,.68fr)}.article-header h1{font-size:2.75rem}.opening-panorama{grid-template-columns:1.4fr 1fr}}
@media(max-width:900px){.article-columns{grid-template-columns:1fr}.article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.hero-feature{min-height:0}.panorama-side{grid-template-columns:1fr}.hero-art{height:310px}.opening-panorama .panorama-side{display:block}.panorama-side .side-art{height:145px}.panorama-side .side-art img{position:absolute}}
@media(max-width:620px){body{font-size:15px}.brand-logo{width:187px}.masthead{min-height:75px;grid-template-columns:1fr auto}.home-opening{padding:18px 0 14px}.home-opening h1{font-size:clamp(1.62rem,7.5vw,2.3rem)}.home-opening .eyebrow{font-size:.59rem}.opening-note{font-size:.79rem}.opening-panorama{display:block}.hero-art{height:270px;min-height:270px}.hero-feature{min-height:0}.hero-caption{padding:16px 18px 20px}.hero-caption h2{font-size:1.42rem;line-height:1.58}.hero-caption p{font-size:.85rem}.opening-panorama .panorama-side{display:grid;grid-template-columns:39% 61%;min-height:160px}.opening-panorama .panorama-side .side-art{height:auto;min-height:160px}.side-info h3{font-size:1rem}.side-info p{display:none}.card-body h3{font-size:1.13rem}.card-body p{font-size:.85rem}.section-heading h2{font-size:1.55rem}.article-header{padding-top:10px}.article-header h1{font-size:clamp(1.94rem,8vw,2.55rem);line-height:1.48;margin-top:12px}.article-deck{font-size:1.01rem;line-height:1.9}.article-byline{gap:13px 18px}.article-byline>span{min-width:42%}.article-content{font-size:calc(1.055rem * var(--reader-scale));line-height:2.07}.article-content h2{font-size:1.21em}.article-content .article-lead{font-size:1.07em}.article-figure{aspect-ratio:auto;margin-bottom:16px}.article-figure img{aspect-ratio:16/10;height:auto}.article-sidebar{display:block}.sources-panel{padding-inline:13px}.source-links{overflow-wrap:anywhere}.feature-reading p{font-size:1.01rem}.country-hero h1{font-size:2.8rem}.article-actionbar button{padding:9px 11px;font-size:.75rem}.article-related{margin-top:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}