:root{--ink:#17324d;--blue:#1465a3;--blue-dark:#0b3b64;--gold:#e8b64c;--muted:#64798b;--line:#b7c9d5}
*{box-sizing:border-box}
body{margin:0;padding:36px 18px 56px;min-height:100vh;color:var(--ink);line-height:1.6;
  font-family:"Heebo","Assistant",Arial,system-ui,sans-serif;
  background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.8),transparent 28%),
             linear-gradient(145deg,#e6f1f7 0%,#f8f4e9 48%,#dceaf3 100%)}
main{max-width:640px;margin:0 auto}
.top{display:flex;align-items:center;gap:13px;margin-bottom:26px}
.mark{width:50px;height:50px;flex:none;display:flex;align-items:center;justify-content:center;
  border-radius:14px;color:#fff;font-size:25px;font-weight:900;
  background:linear-gradient(145deg,#237db8,var(--blue-dark));box-shadow:0 7px 18px rgba(11,59,100,.24)}
h1{margin:0;font-size:31px;font-weight:900;color:var(--blue-dark);letter-spacing:-.8px;line-height:1.1}
.top p{margin:5px 0 0;color:var(--muted);font-size:13px}
h2{margin:30px 0 12px;font-size:13px;font-weight:800;letter-spacing:.2em;color:var(--blue);text-transform:uppercase}
.card{padding:18px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid #fff;
  box-shadow:0 12px 30px rgba(23,50,77,.09);margin-bottom:12px}
.card b{display:block;font-size:17px;color:var(--blue-dark);margin-bottom:3px}
.card span{font-size:14.5px;color:var(--muted)}
a{color:var(--blue);font-weight:700}
.cta{display:inline-block;margin-top:12px;padding:12px 20px;border-radius:13px;background:var(--blue-dark);
  color:#fff;font:inherit;font-weight:800;text-decoration:none;border:0;cursor:pointer}
ol{padding-inline-start:20px;margin:0}
ol li{margin-bottom:11px;font-size:15px}
kbd{display:inline-block;padding:1px 7px;border-radius:6px;background:#fff;border:1px solid var(--line);
  font-family:inherit;font-weight:800;font-size:13px;color:var(--blue-dark)}
footer{max-width:640px;margin:36px auto 0;padding-top:20px;border-top:2px solid var(--gold);
  font-size:13.5px;color:var(--muted)}
p{font-size:15px}
.langrow{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:26px 0 0}
.langrow button{padding:8px 15px;border-radius:99px;border:1px solid var(--line);background:#fff;
  color:var(--blue-dark);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}
.langrow button.on{background:var(--blue-dark);color:#fff;border-color:var(--blue-dark)}

/* מודעה אחת לכל היותר בדף תוכן, עם הפרדה ברורה מכפתורי משחק וניווט. */
.blum-ad-zone{max-width:760px;min-height:96px;margin:30px auto;padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.66);overflow:hidden;text-align:center;direction:ltr}
.blum-ad-zone[hidden]{display:none!important}
.blum-ad-label{display:block;margin-bottom:7px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;direction:rtl}

/* ---------- מצב כהה לעמודי האתר ---------- */
@media (prefers-color-scheme: dark){
  :root{--ink:#dbe6f0;--blue:#5aa9e6;--blue-dark:#9ccdf2;--muted:#8ea3b8;--line:#2c4056}
  body{background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.05),transparent 28%),
        linear-gradient(145deg,#0d1a2b 0%,#111f31 48%,#0a1420 100%)}
  .card{background:rgba(22,40,61,.85);border-color:#22364b;box-shadow:0 12px 30px rgba(0,0,0,.35)}
  .blum-ad-zone{background:rgba(22,40,61,.72)}
  .card span,.card .yr{color:#a9bccd}
  .cta{background:#1d4a75}
  kbd{background:#16283d;border-color:#2c4056;color:#9ccdf2}
  .langrow button{background:#16283d;color:#9ccdf2}
  .langrow button.on{background:#9ccdf2;color:#0d1a2b;border-color:#9ccdf2}
  hr{border-top-color:#2c4056 !important}
}