*{box-sizing:border-box}html{font-size:18px}
body{margin:0;background:#0b1a2c;color:#fff8e7;font-family:"Noto Sans","Noto Sans Arabic","Noto Sans Hebrew",system-ui,sans-serif;line-height:1.5}
a{color:#bfe3ff}a:focus,.btn:focus{outline:4px solid #ffb347;outline-offset:2px}
.top{background:#1d3b5c;padding:.5rem 1rem;border-bottom:4px solid #ffb347}
.brand{display:flex;align-items:center;gap:.6rem;color:#ffb347;font-weight:800;font-size:1.3rem;text-decoration:none}
.brand img{border-radius:50%;border:3px solid #ffb347}
.langs{display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem 1rem;background:#102438;font-size:.85rem}
.lang{padding:.25rem .6rem;border:2px solid #3a5f86;border-radius:999px;opacity:.75}.lang.on{border-color:#ffb347;opacity:1;font-weight:700}.lt{align-self:center;font-weight:700}
main{max-width:960px;margin:0 auto;padding:1rem}
.hero{text-align:center;padding:1rem 0}.hero img{border-radius:50%;border:5px solid #ffb347;max-width:45vw;height:auto}
h1{color:#ffb347;margin:.4rem 0;font-size:2rem}h2{color:#ffb347;font-size:1.25rem;margin:.3rem 0}
.mission{font-size:1.3rem;font-style:italic;font-weight:700}
.badge{display:inline-block;background:#ffb347;color:#0b1a2c;font-weight:800;padding:.4rem 1rem;border-radius:999px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}
.btn{display:flex;align-items:center;gap:.7rem;min-height:72px;padding:.8rem 1.1rem;background:#1d3b5c;color:#fff8e7;border:3px solid #ffb347;border-radius:18px;font-size:1.25rem;font-weight:800;text-decoration:none}
.btn:hover{background:#28507a}.btn.small{display:inline-flex;min-height:52px;font-size:1rem;margin:.2rem 0}
.ic{font-size:2rem}
.card{background:#132a42;border:2px solid #3a5f86;border-radius:16px;padding:1rem;margin:.8rem 0}
.card img{width:100%;height:auto;border-radius:10px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem}
.list li{margin:.5rem 0}.soon{color:#ffd27f;font-weight:700}.d{opacity:.85}.big{font-size:1.4rem}
.warn{background:#ffb347;color:#0b1a2c;padding:.8rem;border-radius:12px;font-weight:800}
.src,.note{font-size:.85rem;opacity:.85}
audio{width:100%}
footer{text-align:center;padding:1.5rem 1rem;background:#102438;font-size:.9rem;margin-top:2rem}
[dir=rtl] .btn{flex-direction:row-reverse}
a.lang{color:inherit;text-decoration:none;opacity:1}a.lang:hover,a.lang:focus{border-color:#ffb347}
.country{margin:.4rem 0}.country summary{cursor:pointer;font-weight:700;padding:.5rem;border:2px solid #3a5f86;border-radius:12px}.country[open] summary{border-color:#ffb347}
[dir=rtl] .list{padding-right:1.4rem;padding-left:0}