@font-face{font-family:Cairo;src:url(cairo-regular.woff)}@font-face{font-family:Cairo;src:url(cairo-bold.woff);font-weight:700}
*{box-sizing:border-box}body{--bg:#f9fbfd;--card:#fff;--ink:#142e3c;--line:#d7e3e8;--sub:#496372;margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 Cairo,Arial,sans-serif}body.dark{--bg:#101e26;--card:#192d37;--ink:#eff6f9;--line:#38525c;--sub:#b5cbd4;color-scheme:dark}header,main{max-width:860px;margin:auto;padding:16px clamp(16px,4vw,34px)}header,.brand,.title,.settings,.chips,aside{display:flex;align-items:center;gap:12px}.title,header,aside{justify-content:space-between}.brand{color:inherit;text-decoration:none;font-weight:bold}.brand img{width:64px;height:58px;object-fit:contain;background:#fff;border-radius:10px}.brand small{display:block;color:var(--sub);font-weight:400;font-size:12px}.hero{background:linear-gradient(118deg,#102f41,#1b75a4);color:#fff;border-radius:26px;padding:clamp(23px,5vw,44px);overflow:hidden;position:relative}.hero h1{font:700 clamp(45px,9vw,78px)/1.2 Arial;margin:8px 0}.hero h1 small{font-size:.4em;color:#daebc5}.eyebrow{font-weight:bold}.hero p{margin:4px 0}.bars{height:44px;display:flex;align-items:center;gap:3px;margin:12px 0;color:#c4de9e}.bars i{width:4px;border-radius:8px;background:currentColor}.playing .bars i:nth-child(odd){animation:wave 1s ease-in-out infinite alternate}@keyframes wave{to{transform:scaleY(.4)}}@media(prefers-reduced-motion:reduce){.playing .bars i{animation:none!important}}button,select{font:inherit;border:1px solid var(--line);border-radius:12px;padding:7px 14px;color:var(--ink);background:var(--card);cursor:pointer;min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid #83aa3d}.hero button{background:#d5eaa9;border:0;color:#173b2f;font-weight:bold}.hero #status{font-size:13px;margin-inline:10px}h2{font-size:1.45rem;margin:25px 0 10px}.settings{margin:12px 0}.settings select{font-size:14px}.card,.story,article{background:var(--card);border:1px solid var(--line);border-radius:17px;margin:9px 0;padding:17px}.story{display:block;color:inherit;text-decoration:none}.story small,.sub{color:var(--sub)}.story h3{margin:4px 0;line-height:1.6}.card a,article a{color:var(--ink);text-underline-offset:4px}.chips{flex-wrap:wrap}.chips button[aria-pressed=true]{background:#1b648c;color:#fff}.story img{width:95px;max-height:76px;object-fit:cover;float:inline-end;margin-inline-start:12px;border-radius:8px}.story{display:flow-root}nav,aside{position:fixed;z-index:5;bottom:0;inset-inline:0;background:var(--card);border-top:1px solid var(--line);display:flex;justify-content:center;padding:5px 8px calc(5px + env(safe-area-inset-bottom))}nav a{text-decoration:none;text-align:center;width:min(25%,160px);line-height:1.35;font:23px/1.25 Arial;color:var(--sub);border-radius:12px;padding:5px}nav span{display:block;font:700 12px Cairo}nav a[aria-current=page]{color:#fff;background:#1b648c}aside{bottom:calc(63px + env(safe-area-inset-bottom));gap:24px;align-items:center}main{padding-bottom:165px}#screen iframe,#screen video{width:100%;aspect-ratio:16/9;border:0}#channels{display:flex;gap:25px;flex-wrap:wrap}#article img{max-width:100%;height:auto}.actions{display:flex;gap:7px;flex-wrap:wrap}[hidden]{display:none!important}

.settings{flex-wrap:wrap}.settings a{color:var(--ink);font-size:14px;text-underline-offset:4px}

#article figure{margin:16px 0}#article figure img{display:block;width:100%;max-height:420px;object-fit:contain;background:var(--bg);border-radius:12px}#article figcaption{font-size:13px;color:var(--sub);margin-top:4px}#article .sources{display:grid;gap:6px;padding:14px;border-inline-start:3px solid #83aa3d;background:var(--bg);margin:16px 0}#article p{line-height:2}#news button:focus-visible,#detail button:focus-visible{outline-offset:2px}