*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Tajawal',Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7;font-size:17px;padding-bottom:84px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.ribbon{background:#101B4B;color:#fff;font-size:14px;text-align:center;padding:6px 12px}
.ribbon a{color:#FFC83D}
.h{background:var(--head);color:var(--headtxt);padding:36px 20px 32px;text-align:center}
.h h1{font-family:var(--display);font-weight:var(--dw,400);font-size:clamp(40px,10vw,64px);line-height:1.25}
.h p{opacity:.9;margin-top:6px}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
section{padding:26px 0 6px}
h2{font-family:var(--display);font-weight:var(--dw,400);font-size:30px;color:var(--accent2);border-bottom:3px solid var(--accent);display:inline-block;margin-bottom:10px}
.it{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px dashed var(--line)}
.it b{display:block}
.it small{color:var(--muted);font-size:15px}
.it i{font-style:normal;font-weight:700;white-space:nowrap;color:var(--accent2)}
.grid .items{display:grid;gap:12px}
.grid .it{background:var(--card);border:0;border-radius:14px;padding:14px 16px}
.info{background:var(--card);border-radius:14px;padding:18px 20px;margin:26px 0}
.info b{color:var(--accent2)}
.bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg);box-shadow:0 -4px 16px rgba(0,0,0,.18)}
.bar a{display:block;max-width:720px;margin:0 auto;text-align:center;background:#1FA855;color:#fff;font-weight:700;font-size:19px;padding:12px;border-radius:12px;text-decoration:none}
footer{text-align:center;color:var(--muted);font-size:15px;padding:0 20px 24px}
footer a{color:var(--accent2);font-weight:700}
@media(min-width:640px){.grid .items{grid-template-columns:1fr 1fr}}