
/* V58: canonical site visual improvements and accessibility. */
:root{--navy:#0a2852;--royal:#153b6d;--gold:#e9b653;--ink:#102d4b;--muted:#40566f;--shadow:0 12px 28px #15325920}
body{background:radial-gradient(ellipse at top right,#e9f2ff 0,transparent 52%),linear-gradient(125deg,#f0f6fd,#fff7eb);}
.hero{background:linear-gradient(110deg,#133b69 0%,#1d457c 46%,#47255e 100%)!important;}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 63% 5%,#ffe9a127,transparent 52%),repeating-linear-gradient(35deg,transparent 0 52px,#fff9e306 53px 55px,transparent 57px 105px);pointer-events:none}
.hero-copy{z-index:3}.hero h1{max-width:660px;line-height:1.38;text-shadow:0 2px 6px #14244388}.hero p{font-weight:700;text-shadow:0 1px 5px #10244377}
.hero-people{z-index:3}.hero-people img{height:clamp(145px,18vw,286px)!important;width:auto!important;max-width:34%;flex:0 1 34%;object-fit:contain!important;object-position:bottom center!important;}
.hero-people img.falcon{max-width:39%;}
.route-card{background-size:100% 100%!important;border-width:2px;transition:transform .2s ease,box-shadow .2s ease;}
.route-card.learn{background:linear-gradient(110deg,#0c416b,#166c75)}.route-card.research{background:linear-gradient(115deg,#3b245d,#684b82)}
.route-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #13395725}
.route-card img{height:184px;max-width:35%;width:auto;object-fit:contain!important;}
.panel,.sidebox{box-shadow:0 9px 24px #1d39511a;}
.card,.avatar{background:linear-gradient(#fffefb,#f7f9ff);}
.avatar{min-height:230px;grid-template-rows:147px auto auto;gap:6px;padding:11px 9px;overflow:hidden;}
.avatar img{display:block;width:100%;height:144px!important;max-width:100%;min-width:0;object-fit:contain!important;object-position:center center!important;filter:drop-shadow(0 5px 5px #25345824);}
.avatar strong{font-size:13px;line-height:1.5;text-align:center;color:#102d54}
.avatar small{color:#4b617b;font-weight:600;text-align:center}
.postcover{width:100%;height:185px!important;object-fit:contain!important;object-position:center center;background:linear-gradient(135deg,#f2effb,#e4f3ff);padding:5px;}
.card p,.sidebox p,.route-card p{line-height:1.85}
.navbar{justify-content:flex-start}.navitem,.btn,.small{overflow-wrap:anywhere;min-width:0;}
.navitem{white-space:normal;text-align:center;padding:7px 11px}
.clock{unicode-bidi:plaintext;direction:auto;line-height:1.7}
.social button,.share-row button{font-weight:800;color:#17365d;border-color:#aebfd8;min-height:33px}
.ticker .ticker-window span{direction:inherit;unicode-bidi:plaintext}
html[dir=rtl] .ticker-window span{inset-inline-start:0;animation-name:ticker-ar}
html[dir=ltr] .ticker-window span{inset-inline-start:0;animation-name:ticker-en}
@media(max-width:760px){.hero-people img{height:150px!important}.route-card img{height:150px!important}.navitem{min-height:37px}.avatar{min-height:210px}.avatar img{height:126px!important}.topbar{gap:9px}.top-actions{gap:6px}.hero h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.ticker-window span{animation:none!important;position:static}}

.skip{position:absolute;top:-70px;inset-inline-start:10px;z-index:1000;padding:9px 17px;background:#fff4d8;color:#103058;border-radius:8px}.skip:focus{top:8px}

/* Deterministic motion: Arabic enters from the LEFT and exits RIGHT; English enters from RIGHT and exits LEFT. */
.ticker-window span{left:0!important;right:auto!important;inset-inline-start:auto!important;}
html[dir="rtl"] .ticker-window span{animation:tb-v58-ar 38s linear infinite!important;direction:rtl}
html[dir="ltr"] .ticker-window span{animation:tb-v58-en 38s linear infinite!important;direction:ltr}
.ticker.paused .ticker-window span{animation-play-state:paused!important}
@keyframes tb-v58-ar{from{transform:translateX(-100%)}to{transform:translateX(100vw)}}
@keyframes tb-v58-en{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
