/* ZEYN: one calm look for the inner pages (loaded after each page's own styles) */
body.zs{--ink:#10284a;--muted:#5b6b82;--line:#e2e7ee;--soft:#f3f6fa;--blue:#1559c9;--green:#5f9e1f;
  background:#fff;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}
body.zs :focus-visible{outline:3px solid #9cc0ff;outline-offset:2px}

/* shared header */
body.zs header.zh{background:#fff;border-bottom:1px solid var(--line);padding:0}
.zh .zw{width:min(1120px,100% - 40px);margin:0 auto}
.zh .zhn{display:flex;align-items:center;gap:24px;min-height:72px}
.zh .zl img{display:block;height:44px;width:auto}
.zh .zm{display:flex;gap:22px;margin-left:auto;font-size:15px;font-weight:600}
.zh .zm a{color:var(--ink);text-decoration:none;white-space:nowrap}
.zh .zm a:hover{text-decoration:underline}
.zh .zm a[aria-current="page"]{color:var(--blue)}
.zh .zx{font-size:14px;font-weight:600;color:var(--blue);text-decoration:none;white-space:nowrap}
@media(max-width:860px){
  .zh .zhn{flex-wrap:wrap;gap:0;min-height:0;padding:12px 0 0}
  .zh .zl img{height:38px}
  .zh .zx{margin-left:auto}
  .zh .zm{order:3;width:100%;margin:10px 0 0;overflow-x:auto;gap:20px;padding:8px 0 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .zh .zm::-webkit-scrollbar{display:none}
}
@media(max-width:420px){.zh .zw{width:calc(100% - 32px)}}

/* type and surfaces */
body.zs h1{font-weight:800;letter-spacing:-.02em;line-height:1.1}
body.zs .hero h1,body.zs main>h1,body.zs .w>h1{font-size:clamp(32px,4.6vw,46px)}
body.zs .hero p,body.zs .lead,body.zs .muted{color:var(--muted)}
body.zs .card,body.zs .level,body.zs .plan,body.zs .box,body.zs .note,body.zs .item{box-shadow:none;border:1px solid var(--line);border-radius:14px;background:#fff}
body.zs .card:hover,body.zs .level:hover{transform:none;border-color:var(--ink)}
body.zs .ico,body.zs .gi,body.zs .ic{display:none}
body.zs .go,body.zs .back{color:var(--blue);font-weight:700}
body.zs .tag,body.zs .lvl{text-transform:none;letter-spacing:0;background:none;padding:0;color:var(--muted);font-weight:600;font-size:14px;border-radius:0}
body.zs footer{background:#fff;border-top:1px solid var(--line);color:var(--muted)}
body.zs .btn{box-shadow:none}

/* ===== oyunlar ===== */
.p-oyunlar .hero{padding:44px 0 6px}
.p-oyunlar .how{display:none}
.p-oyunlar .grid{gap:12px}
.p-oyunlar .card{min-height:0;padding:20px 22px}
.p-oyunlar .card h2{margin:6px 0 4px;font-size:21px}
.p-oyunlar .age{color:var(--muted);font-weight:600}
.p-oyunlar .gr8 a{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none;font-weight:600;border-radius:999px;padding:7px 6px}
.p-oyunlar .gr8 a:hover{border-color:var(--ink);background:#fff}
.p-oyunlar .zrow{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;border-top:2px solid var(--ink);padding:16px 0 4px;margin:22px 0 0}
.p-oyunlar .zrow b{font-size:19px}
.p-oyunlar .zrow p{margin:2px 0 0;color:var(--muted)}
.p-oyunlar .zrow a{color:var(--blue);font-weight:700;text-decoration:none}
.p-oyunlar .zacts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0 0}
.p-oyunlar .zacts button{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line)!important;border-radius:10px!important;padding:10px 16px!important;font-weight:700!important;font-size:15px!important}
.p-oyunlar .zacts button:first-child{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.p-oyunlar .zapp{border:1px solid var(--line);border-radius:14px;box-shadow:none}
.p-oyunlar .zapp .pl{background:#fff}
.p-oyunlar .zapp .pl.me{border-color:var(--ink);box-shadow:none}
.p-oyunlar .zapp .go.an,.p-oyunlar .zapp .go.io{background:var(--ink)}
/* the level / coins strip, calm version for this page */
body.zs #zxHub.zx-bar{background:#fff;border:1px solid var(--line);box-shadow:none;color:var(--ink);font-family:inherit;border-radius:14px;padding:14px 16px}
body.zs #zxHub .zx-lv{background:conic-gradient(var(--green) var(--p),#e6ebf1 0);box-shadow:none}
body.zs #zxHub .zx-lv b{background:#fff;color:var(--ink);font:800 18px/1 system-ui,sans-serif}
body.zs #zxHub .zx-who .t{font:700 15px/1.2 system-ui,sans-serif;color:var(--ink)}
body.zs #zxHub .zx-who .s{color:var(--muted)}
body.zs #zxHub .zx-xp{background:#e6ebf1}
body.zs #zxHub .zx-xp i{background:var(--green)}
body.zs #zxHub .zx-chip{background:#fff;border-color:var(--line);color:var(--ink);font-family:inherit}
body.zs #zxHub .zx-b{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none;font-family:inherit;font-weight:600}
body.zs #zxHub .zx-b:hover{border-color:var(--ink)}
body.zs #zxHub .zx-b.gold{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ===== sınaqlar ===== */
.p-sinaqlar .type{min-height:110px}
.p-sinaqlar .type,.p-sinaqlar .choice,.p-sinaqlar .classb,.p-sinaqlar .groupb,.p-sinaqlar .subjectb,.p-sinaqlar .exam{border-radius:12px;border-color:var(--line);box-shadow:none}
.p-sinaqlar .type.on,.p-sinaqlar .choice.on,.p-sinaqlar .classb.on,.p-sinaqlar .groupb.on,.p-sinaqlar .subjectb.on{border-color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}
.p-sinaqlar .izah{background:#fff!important;border-color:var(--line)!important;box-shadow:none!important;border-radius:12px!important}

/* ===== cambridge / vocabulary ===== */
.p-cambridge .lab,.p-vocab .lab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:2px solid var(--ink);padding:16px 0 4px;margin:26px 0 0;color:var(--ink);text-decoration:none}
.p-cambridge .lab b{font-size:20px} .p-cambridge .lab span{color:var(--muted)} .p-cambridge .lab em{font-style:normal;color:var(--blue);font-weight:700}
.p-cambridge .grid,.p-vocab .levels{gap:12px}
.p-cambridge .card,.p-vocab .level{min-height:0;padding:22px}
.p-cambridge .card h2{margin:0 0 6px;font-size:22px}
.p-vocab .level h2{font-size:21px}

/* ===== pass ===== */
.p-pass .plan.pro{border:2px solid var(--ink);box-shadow:none}
.p-pass .tag{display:block}
.p-pass .btn,.p-pass button.btn{background:var(--ink);border-radius:10px}

/* ===== small pages ===== */
.p-teklif .kinds button{border-radius:10px}
.p-teklif .kinds button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.p-teklif .go,.p-teklif button.go{background:var(--ink)}
.p-mexfilik .box{border:0;padding:0;margin:36px 0 60px}

/* ===== videoizahlar ===== */
.p-video .hero{padding:40px 0 4px}
.p-video .show{background:#fff;color:var(--ink);border-radius:0;padding:18px 0 4px;border-top:2px solid var(--ink);margin:22px 0 10px}
.p-video .show-h span{color:var(--muted)}
.p-video .show-h button{color:var(--blue);border:0;padding:0}
.p-video .show-h button:hover{background:none;text-decoration:underline}
.p-video .show .item{border:1px solid var(--line)}
.p-video .newtag{background:none;color:var(--green);padding:0;box-shadow:none;font-size:13px;letter-spacing:0}
.p-video .show .newtag{position:static;display:none}
.p-video .badge{border-radius:6px;font-weight:600}
.p-video .badge.guven,.p-video .badge.deyer{background:#fff;color:var(--ink);border-color:var(--line)}
.p-video .filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink)}
.p-video .thumb .play{background:rgba(16,40,74,.9)}

/* ===== SAT ===== */
.p-sat .facts .fact{border-radius:8px}

/* ===== oyunlar v2 (simple lists) ===== */
.p-oyunlar .acct{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:18px 0 0}
.p-oyunlar .acct button{font:inherit;font-size:15px;font-weight:700;border-radius:10px;padding:10px 16px;cursor:pointer;background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.p-oyunlar .acct button:first-child{background:var(--ink);color:#fff;border-color:var(--ink)}
.p-oyunlar .acct a{color:var(--blue);font-weight:600;font-size:15px}
.p-oyunlar #zpState{color:var(--muted);font-size:14px}
.p-oyunlar .blk{padding:44px 0 0}
.p-oyunlar .blk h2{font-size:26px;margin:0 0 4px;letter-spacing:-.01em}
.p-oyunlar .blk .sub{margin:0 0 14px;color:var(--muted)}
.p-oyunlar .subjects,.p-oyunlar .quests{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.p-oyunlar .subjects li{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.p-oyunlar .subjects b{width:230px;flex:none;font-size:17px}
.p-oyunlar .gl{display:flex;flex-wrap:wrap;gap:6px}
.p-oyunlar .gl a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-weight:700;text-decoration:none;font-variant-numeric:tabular-nums}
.p-oyunlar .gl a:hover{border-color:var(--ink)}
.p-oyunlar .quests{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;border-top:0}
.p-oyunlar .quests li{border-top:1px solid var(--line);padding:14px 0}
.p-oyunlar .quests a{font-size:18px;font-weight:700;color:var(--blue);text-decoration:none}
.p-oyunlar .quests .lv{margin-left:10px;color:var(--muted);font-size:14px}
.p-oyunlar .quests p{margin:4px 0 0;color:var(--muted);font-size:15px}
.p-oyunlar .two{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-bottom:20px}
.p-oyunlar .two h2{font-size:20px}
.p-oyunlar .two p{color:var(--muted);margin:6px 0}
.p-oyunlar .two a{color:var(--blue);font-weight:700}
.p-oyunlar .two details{color:var(--muted);font-size:15px}
.p-oyunlar .tiny{font-size:13px}
.p-oyunlar .zs-board{border:0;border-top:2px solid var(--ink);border-radius:0;padding:16px 0 0;margin:44px 0 0}
.zf{border-top:1px solid #e2e7ee;margin-top:56px;padding:24px 0 40px;font-size:14px}
.zf .w{display:flex;gap:24px;flex-wrap:wrap}
.zf a{color:#5b6b82}
@media(max-width:860px){.p-oyunlar .quests,.p-oyunlar .two{grid-template-columns:1fr}.p-oyunlar .subjects b{width:100%}}
.p-tool #zxHub a[href="meydan.html"]{display:none}
.p-oyunlar .gl.big{display:grid;grid-template-columns:repeat(11,1fr);gap:8px;border-top:2px solid var(--ink);padding-top:18px}
.p-oyunlar .gl.big a{height:auto;aspect-ratio:1/1.1;font-size:clamp(22px,3.6vw,40px);font-weight:800;border-radius:14px;border-width:2px}
@media(max-width:860px){.p-oyunlar .gl.big{grid-template-columns:repeat(6,1fr)}}
@media(max-width:420px){.p-oyunlar .gl.big{grid-template-columns:repeat(4,1fr)}}

.zf .w{width:min(1120px,100% - 40px);margin:0 auto}
/* Yazı yoxla: glowing menu button */
@keyframes yzGlow{0%,100%{box-shadow:0 0 0 0 rgba(242,140,40,.55);background:#fff4e5}50%{box-shadow:0 0 0 7px rgba(242,140,40,0);background:#ffe2bf}}
.zh .zm a.yz-hot{color:#9a4a00;background:#fff4e5;border:1px solid #f2a65a;border-radius:999px;padding:3px 12px;margin:-4px 0;animation:yzGlow 1.6s ease-in-out infinite;text-decoration:none}
.zh .zm a.yz-hot:hover{color:#6e3500;text-decoration:none}
.zh .zm a.yz-hot[aria-current="page"]{color:#6e3500;animation:none}
@media(max-width:860px){.zh .zm a.yz-hot{margin:-2px 0 -2px 2px}}
@media(prefers-reduced-motion:reduce){.zh .zm a.yz-hot{animation:none}}