/* Crops of the approved reference, without altering either source PNG. */
.hero-photo{aspect-ratio:354/412;background-size:433.89831% 248.54369%;background-position:33.84095% 36.60131%}
.brief-0{aspect-ratio:140/98;background-size:1097.14286% 1044.89796%;background-position:55.01433% 24.40605%}
.brief-1{aspect-ratio:140/98;background-size:1097.14286% 1044.89796%;background-position:55.01433% 36.28510%}
.brief-2{aspect-ratio:140/88;background-size:1097.14286% 1163.63636%;background-position:55.01433% 47.54274%}
.brief-3{aspect-ratio:140/86;background-size:1097.14286% 1190.69767%;background-position:55.01433% 58.10235%}
.article-0{aspect-ratio:242/110;background-size:634.71074% 930.90909%;background-position:1.93199% 86.65208%}
.article-1{aspect-ratio:190/110;background-size:808.42105% 930.90909%;background-position:21.02526% 86.65208%}
.article-2{aspect-ratio:190/110;background-size:808.42105% 930.90909%;background-position:36.40416% 86.65208%}
.article-3{aspect-ratio:190/110;background-size:808.42105% 930.90909%;background-position:51.78306% 86.65208%}
.video-photo{aspect-ratio:260/130;background-size:590.76923% 787.69231%;background-position:97.80564% 88.59060%}
:root{--navy:#061b37;--orange:#ff710b;--muted:#62758d;--line:#e8edf3;--paper:#fff;--bg:#f7f9fc;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font:14px/1.45 'Arial Narrow','Liberation Sans Narrow',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid #e75c00;outline-offset:4px}button,input{font:inherit}h1,h2,h3,p{margin:0}h2{font-size:18px;line-height:1.2}h3{font-size:18px;line-height:1.2}small{font-size:12px;color:var(--muted)}.wrap{width:min(1494px,calc(100% - 42px));margin-inline:auto}.demo{background:var(--navy);color:#fff;text-align:center;padding:6px 16px;font-size:12px;letter-spacing:.03em}.skip{position:absolute;top:-100px;left:16px;z-index:10;background:white;padding:12px}.skip:focus{top:8px}header{background:white;box-shadow:0 2px 8px #061b3707}.masthead{display:flex;gap:30px;align-items:center;min-height:156px}.brand{flex:0 0 330px;display:flex;justify-content:center}.brand img{display:block;width:148px;height:148px;object-fit:contain}.search{flex:1;min-width:180px}.search label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.search>div{display:flex;align-items:center;border-radius:6px;background:#f2f4f7;padding-right:12px}.search input{border:0;background:transparent;width:100%;padding:14px 15px;opacity:1;color:var(--navy);font-size:12px}.search span{font-size:26px}.languages{font-size:13px;font-weight:bold}.languages small{display:block;font-weight:normal;margin-top:5px}.account{display:flex;gap:8px;flex-wrap:wrap;max-width:225px}.account small{width:100%}.account button{padding:12px 18px;border:0;border-radius:5px;background:#f3f5f8;color:var(--navy);opacity:1}.account button.orange{background:var(--orange);color:white}.nav{border-top:1px solid #f5f6f9}.nav .wrap{display:flex;justify-content:space-evenly;gap:20px;flex-wrap:wrap;padding-block:15px}.nav a{font-weight:700;font-size:13px;text-transform:uppercase}.countries{display:flex;gap:20px;overflow-x:auto;padding:14px 12px 12px;scrollbar-width:thin}.countries>span{display:flex;align-items:center;flex-direction:column;flex:0 0 auto;gap:3px;font-size:11px;font-weight:700}.countries b{font:28px/1.1 Arial,sans-serif}.lead-grid{display:grid;grid-template-columns:minmax(0,2.56fr) minmax(310px,1fr);gap:26px}.editorial{display:grid;grid-template-columns:minmax(0,2.34fr) minmax(230px,1fr);gap:14px}.hero{position:relative;min-height:412px;isolation:isolate;overflow:hidden;border-radius:7px;background:#061528}.media{background-image:url('assets/official-homepage.png');background-repeat:no-repeat;background-color:#0a2038}.hero-photo{position:absolute;inset:0 0 0 auto;width:62%;height:100%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#021020 0%,#031021ed 22%,#0310217a 57%,transparent 100%)}.hero-copy{padding:70px 30px 28px;color:white;max-width:72%}.tag{display:inline-block;background:var(--orange);color:white;font-size:11px;font-weight:bold;padding:3px 8px;border-radius:4px}.hero h1{font-size:clamp(27px,2.75vw,43px);line-height:1.07;letter-spacing:-1px;margin:14px 0}.hero em{font-style:normal;color:var(--orange)}.hero p{font-size:16px;max-width:350px;margin-bottom:22px}.cta{display:inline-block;background:linear-gradient(110deg,#ff6400,#ff8b25);padding:12px 23px;border-radius:5px;color:white;font-weight:bold}.dots{color:var(--orange);letter-spacing:7px;margin-top:20px}.dots span{color:white}.image-note{position:absolute;bottom:5px;right:8px;color:white;font-size:9px;background:#061b37b8;padding:2px 4px}.briefs{display:grid;grid-template-rows:repeat(4,1fr);gap:9px}.briefs article{display:grid;grid-template-columns:45% 1fr;gap:12px;border-bottom:1px solid var(--line);padding-bottom:5px;align-items:center}.briefs .media{width:100%;border-radius:5px}.briefs h2{font-size:16px;line-height:1.05;margin:5px 0}.briefs small{font-size:11px}.matches{padding:20px 17px;background:#021427;color:white;border-radius:7px}.matches h2{font-size:16px}.live{background:#f12429;font-size:11px;padding:4px 6px;border-radius:4px;margin-right:7px}.muted-light{font-size:11px;color:#bfcddd;margin:9px 0 15px}.tabs{display:flex;gap:5px;font-size:12px}.tabs>span{flex:1;text-align:center;padding:9px 4px;background:#ffffff09;border-radius:5px}.tabs .selected{background:linear-gradient(110deg,#ff6500,#ff962b);color:white}.match{display:grid;grid-template-columns:1fr 65px 1fr;gap:5px;align-items:center;border-bottom:1px solid #ffffff10;padding:12px 0;font-size:13px}.match>span:last-child{text-align:right}.match>div{text-align:center}.match small{display:block;color:#ffa549;font-size:11px}.shortcut-row{display:grid;grid-template-columns:minmax(0,2.56fr) minmax(310px,1fr);gap:26px;margin-block:12px}.shortcuts{display:grid;grid-template-columns:repeat(10,1fr);background:white;border-radius:6px;padding:11px 5px;box-shadow:0 1px 8px #061b3708}.shortcuts a{display:flex;flex-direction:column;text-align:center;border-right:1px solid #f3f5f8;gap:3px}.shortcuts b{color:var(--orange);font-size:25px;line-height:1}.shortcuts strong{font-size:12px}.shortcuts small{font-size:10px}.promo{border-radius:6px;display:flex;flex-direction:column;justify-content:center;padding:15px 25px;color:white;background:linear-gradient(115deg,#ff8a1c,#6d3019 50%,#08162e);gap:5px}.promo b{font-size:20px}.promo span{font-size:12px}.bottom-grid{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(275px,1fr) minmax(240px,.86fr);gap:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px}.section-head h2{font-size:18px}.article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.card,.panel{background:white;border-radius:6px;box-shadow:0 1px 8px #061b3707;overflow:hidden}.card .media{width:100%}.card-copy{padding:9px 11px 12px}.card h3{margin:7px 0 12px;font-size:17px}.card .tag{font-size:9px}.card details{font-size:12px;margin-bottom:10px}.card summary{cursor:pointer;color:#9b3e00;padding:4px 0;font-weight:bold}.card details p{margin-top:5px}.panel{padding:12px}.panel h2{font-size:17px;margin-bottom:10px}.panel>p{font-size:11px;color:var(--muted);margin:8px 0}.ranking .tabs{background:#f6f8fb;font-size:11px}.ranking table{width:100%;font-size:12px;border-collapse:collapse;margin-top:10px}.ranking caption{font-size:10px;color:var(--muted);text-align:left;margin-bottom:5px}.ranking th,.ranking td{text-align:left;padding:7px 5px;border-bottom:1px solid #f0f3f7}.ranking td:last-child{text-align:right}.video-image{position:relative}.video-photo{border-radius:5px}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:4px solid #fff9;background:var(--navy);border-radius:50%;color:white;padding:9px 13px;font-size:20px}.video h3{margin-top:10px}.about{margin-top:16px}.about p{font-size:13px}footer{padding-block:25px;font-size:12px;color:var(--muted)}footer p{margin:8px 0}footer a{color:var(--navy);text-decoration:underline}section,article,footer{scroll-margin-top:16px}
@media(min-width:1600px){.hero h1{font-size:43px}}
@media(max-width:1200px){.masthead{gap:20px}.brand{flex-basis:200px}.lead-grid,.shortcut-row{gap:15px;grid-template-columns:minmax(0,2.3fr) minmax(280px,1fr)}.editorial{grid-template-columns:minmax(0,1.7fr) minmax(190px,1fr)}.hero-copy{padding:55px 20px 25px;max-width:88%}.hero h1{font-size:32px}.briefs article{gap:8px;grid-template-columns:40% 1fr}.briefs h2{font-size:14px}.bottom-grid{grid-template-columns:2fr 1fr}.video{grid-column:2}.shortcuts{grid-template-columns:repeat(5,1fr);gap:12px 0}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.languages{font-size:11px}.account{max-width:185px}.account button{padding:10px 12px}}
@media(max-width:900px){.masthead{flex-wrap:wrap;padding-block:10px;gap:12px 20px}.brand{flex-basis:170px}.brand img{width:125px;height:125px}.search{flex-basis:calc(100% - 200px)}.languages{margin-left:auto;font-size:13px}.account{max-width:none;align-items:center}.account small{width:auto}.nav .wrap{justify-content:center;gap:14px 22px}.lead-grid{grid-template-columns:1fr}.editorial{grid-template-columns:2fr 1fr}.hero h1{font-size:36px}.matches{padding:16px}.matches .match{padding:10px;grid-template-columns:1fr 80px 1fr}.shortcut-row{grid-template-columns:1fr}.shortcuts{grid-template-columns:repeat(5,1fr)}.promo{min-height:85px}.bottom-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.bottom-grid>section:first-child{grid-row:span 2}.video{grid-column:2}}
@media(max-width:600px){.wrap{width:calc(100% - 24px)}.demo{font-size:10px}.masthead{justify-content:center;gap:12px}.brand{flex-basis:100%}.brand img{width:138px;height:138px}.search{flex-basis:100%}.languages{margin:0;text-align:center}.account{justify-content:center}.account small{width:100%;text-align:center}.nav .wrap{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-block:13px;gap:24px}.nav a{white-space:nowrap;font-size:12px}.countries{gap:18px;padding-inline:0}.editorial{grid-template-columns:1fr}.hero{min-height:390px}.hero-copy{max-width:90%;padding:60px 22px 25px}.hero h1{font-size:34px}.hero p{max-width:255px;font-size:15px}.hero-photo{width:76%}.briefs{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:14px 12px}.briefs article{display:block}.briefs h2{font-size:16px;line-height:1.15}.briefs .media{margin-bottom:7px}.shortcuts strong{font-size:10px}.shortcuts small{display:none}.shortcuts{row-gap:18px;padding-block:15px}.bottom-grid{grid-template-columns:1fr}.bottom-grid>section:first-child{grid-row:auto}.video{grid-column:auto}.article-grid{gap:12px}.card h3{font-size:16px}.section-head h2{font-size:16px}.section-head .tag{font-size:9px}.video-photo{max-height:240px}.about{margin-top:12px}.matches h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media print{.demo{color:#061b37;background:white}.nav,.search,.account,.shortcuts{display:none}.lead-grid,.editorial,.bottom-grid{display:block}.hero,.matches,.panel,.card{break-inside:avoid;margin-bottom:15px}.hero,.matches{print-color-adjust:exact}.brand{justify-content:flex-start}.masthead{min-height:0}}

/* BA-011: stable language order, isolated Arabic text, accessible names. */
.languages .language-list{display:flex;flex-wrap:wrap;gap:4px 10px;list-style:none;margin:0;padding:0;justify-content:center}
.languages .language-list li{white-space:nowrap;unicode-bidi:isolate}
.languages .language-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* BA-012: preserve the existing palette and horizontal country strip. */
[hidden]{display:none!important}
.countries a{flex-shrink:0;white-space:nowrap}
.countries [aria-current="page"],.languages [aria-current="true"]{color:var(--orange);font-weight:bold;text-decoration:underline;text-underline-offset:4px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
#country-page{margin-block:18px;min-height:180px}
#country-page p{font-size:16px}
[dir="rtl"] .ranking th,[dir="rtl"] .ranking td,[dir="rtl"] .ranking caption{text-align:right}
[dir="rtl"] .ranking td:last-child{text-align:left}
[dir="rtl"] .languages{margin-inline-start:auto;margin-inline-end:0}

/* BA-013: native article links cover the existing cards without layout changes. */
[data-article-card]{position:relative}
[data-article-card] [data-article]::after{content:'';position:absolute;inset:0;z-index:1}
[data-article-card] details,.hero .cta{position:relative;z-index:2}
#article-page{margin-block:18px;min-height:180px}
#article-page p{font-size:16px}
#article-page h1{margin-block:12px}