/*
 * Öğretmenler Odası Gazetesi — dijital gazete okuyucusu.
 * Sahnenin merkezinde gazete vardır: arka plan sade, gölgeler ince,
 * kağıt tonu hafif sıcaktır. Abartılı 3B efekt veya parlak gradyan yoktur.
 * Tüm sınıflar oon-gz- ön ekiyle yalıtılmıştır; site genelindeki hiçbir
 * stili etkilemez.
 */

.oon-gazete-shell,
.oon-gz-son,
.oon-gz-sayfa{
  --gz-kagit:#fbf9f4;
  --gz-kagit-kenar:#e6e0d3;
  --gz-lacivert:#102a3d;
  --gz-yesil:#14675b;
  --gz-turkuaz:#dff2ed;
  --gz-krem:#f5f1e8;
  --gz-muted:#526877;
  --gz-cizgi:#dce7e8;
  --gz-sahne-zemin:#eef1f3;
}

.oon-gz-sayfa{max-width:1280px;margin:0 auto;padding:26px 20px 60px;box-sizing:border-box}
.oon-gz-sayfa *{box-sizing:border-box}
.oon-gz-geri{display:inline-block;margin-bottom:16px;font-size:14px;font-weight:600;color:var(--gz-yesil);text-decoration:none}
.oon-gz-geri:hover{text-decoration:underline}

/* ---------- Arşiv ---------- */

.oon-gz-hero{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between;
  padding:28px 30px;margin-bottom:28px;border:1px solid var(--gz-cizgi);border-radius:18px;
  background:linear-gradient(180deg,#fff, var(--gz-krem))}
.oon-gz-hero h1{margin:6px 0 10px;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.03em;color:var(--gz-lacivert)}
.oon-gz-hero-lead{margin:0;max-width:58ch;color:var(--gz-muted);font-size:16px;line-height:1.6}
.oon-gz-hero-cta{display:inline-flex;align-items:center;gap:8px;background:var(--gz-lacivert);color:#fff;
  padding:13px 22px;border-radius:12px;text-decoration:none;font-weight:650;white-space:nowrap}
.oon-gz-hero-cta:hover{background:#0b1f2e;color:#fff}

.oon-gz-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}
.oon-gz-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gz-cizgi);
  border-radius:14px;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease}
.oon-gz-kart:hover{box-shadow:0 14px 34px rgba(16,42,61,.12);transform:translateY(-2px)}
.oon-gz-kart--one{grid-column:span 2}
@media(max-width:640px){.oon-gz-kart--one{grid-column:span 1}}
.oon-gz-kart-kapak{display:block;background:var(--gz-krem);line-height:0;border-bottom:1px solid var(--gz-cizgi)}
.oon-gz-kart-kapak img{width:100%;height:auto;display:block}
.oon-gz-kapak-yer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  aspect-ratio:1/1.414;background:var(--gz-krem);color:var(--gz-lacivert);line-height:1.3;text-align:center;padding:16px}
.oon-gz-kapak-yer em{font-style:normal;font-size:11px;letter-spacing:.18em;color:var(--gz-yesil)}
.oon-gz-kapak-yer strong{font-size:18px;letter-spacing:-.02em}
.oon-gz-kart-govde{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.oon-gz-kart-kicker{margin:0;font-size:10px;letter-spacing:.17em;font-weight:750;color:var(--gz-yesil)}
.oon-gz-kart h2{margin:0;font-size:19px;line-height:1.28;letter-spacing:-.02em}
.oon-gz-kart--one h2{font-size:25px}
.oon-gz-kart h2 a{color:var(--gz-lacivert);text-decoration:none}
.oon-gz-kart h2 a:hover{color:var(--gz-yesil)}
.oon-gz-kart-meta{margin:0;font-size:13px;color:var(--gz-muted)}
.oon-gz-kart-ozet{margin:0;font-size:14px;color:#3b5364;line-height:1.55}
.oon-gz-kart-buton{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;
  background:var(--gz-yesil);color:#fff;padding:10px 17px;border-radius:10px;text-decoration:none;font-weight:640;font-size:14px}
.oon-gz-kart-buton:hover{background:#0f5148;color:#fff}
.oon-gz-kart-bekliyor{margin:auto 0 0;font-size:13px;color:var(--gz-muted);font-style:italic}
.oon-gz-taslak-rozet{margin:0;font-size:11px;font-weight:700;letter-spacing:.08em;color:#8a5a00;background:#fff4dc;
  padding:4px 9px;border-radius:6px;align-self:flex-start}
.oon-gz-sayfalama{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.oon-gz-sayfalama a,.oon-gz-sayfalama span{padding:9px 15px;border-radius:9px;border:1px solid var(--gz-cizgi);
  text-decoration:none;font-size:14px;font-weight:600;color:var(--gz-lacivert);background:#fff}
.oon-gz-sayfalama .current{background:var(--gz-lacivert);color:#fff;border-color:var(--gz-lacivert)}

.oon-gz-bos{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:34px;border:1px dashed var(--gz-cizgi);
  border-radius:16px;background:#fff;color:var(--gz-muted)}
.oon-gz-bos>span[aria-hidden]{font-size:34px;color:var(--gz-yesil)}
.oon-gz-bos strong{display:block;color:var(--gz-lacivert);font-size:17px}
.oon-gz-bos p{margin:4px 0 0}

/* ---------- Okuyucu ---------- */

.oon-gz-sayfa--okuyucu{max-width:1420px}
.oon-gz-taslak-uyari{background:#fff4dc;border:1px solid #f0d79b;color:#6b4a00;padding:11px 16px;border-radius:10px;font-size:14px}

.oon-gz-okuyucu{background:var(--gz-sahne-zemin);border:1px solid var(--gz-cizgi);border-radius:18px;
  overflow:hidden;display:flex;flex-direction:column;position:relative}

.oon-gz-ust{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;
  background:#fff;border-bottom:1px solid var(--gz-cizgi);flex-wrap:wrap}
.oon-gz-kimlik{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.oon-gz-kimlik strong{font-size:16px;letter-spacing:-.02em;color:var(--gz-lacivert)}
.oon-gz-kimlik span{font-size:12.5px;color:var(--gz-muted)}
.oon-gz-araclar{display:flex;gap:4px;flex-wrap:wrap}
.oon-gz-arac{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid transparent;
  background:transparent;color:#2c4a5c;cursor:pointer;padding:0}
.oon-gz-arac svg{width:21px;height:21px}
.oon-gz-arac:hover{background:var(--gz-turkuaz);color:var(--gz-yesil)}
.oon-gz-arac[aria-pressed="false"]{color:#96a6b0}
.oon-gz-arac[aria-pressed="false"] svg{opacity:.6}
.oon-gz-arac.is-aktif{background:var(--gz-lacivert);color:#fff}
.oon-gz-arac:focus-visible{outline:3px solid #307ca5;outline-offset:2px}

.oon-gz-govde{position:relative;display:flex;align-items:center;justify-content:center;
  padding:26px 60px;background:
    radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.7), rgba(255,255,255,0) 60%),
    var(--gz-sahne-zemin);
  min-height:320px}

.oon-gz-ok{position:absolute;top:50%;transform:translateY(-50%);z-index:6;display:grid;place-items:center;
  width:44px;height:44px;border-radius:50%;border:1px solid var(--gz-cizgi);background:#fff;color:var(--gz-lacivert);
  cursor:pointer;box-shadow:0 4px 14px rgba(16,42,61,.12);padding:0}
.oon-gz-ok svg{width:22px;height:22px}
.oon-gz-ok--sol{left:12px}
.oon-gz-ok--sag{right:12px}
.oon-gz-ok:hover{background:var(--gz-lacivert);color:#fff}
.oon-gz-ok[disabled]{opacity:.32;cursor:default;box-shadow:none}
.oon-gz-ok[disabled]:hover{background:#fff;color:var(--gz-lacivert)}
.oon-gz-ok:focus-visible{outline:3px solid #307ca5;outline-offset:2px}

.oon-gz-sahne{position:relative;overflow:hidden;width:100%;
  touch-action:none;   /* bütün hareketleri okuyucu yönetir */
  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}

/* Ölçek ve konum BU katmana uygulanır; gazetenin kendisi hiç yeniden
   yerleşmez. Perspektif burada durduğu için sayfa çevirme 3B kalır. */
.oon-gz-tasiyici{position:absolute;left:0;top:0;transform-origin:0 0;
  perspective:2600px;perspective-origin:50% 45%;transform-style:preserve-3d;
  will-change:transform;transition:transform .22s cubic-bezier(.2,.7,.3,1)}
.oon-gz-tasiyici.is-ani{transition:none}
.oon-gz-sahne.is-yakin{cursor:grab}
.oon-gz-sahne.is-suruklenen{cursor:grabbing}
.oon-gz-sahne img{-webkit-user-drag:none;user-select:none}

.oon-gz-kitap{position:absolute;left:0;top:0;transform-style:preserve-3d;
  background:var(--gz-kagit);box-shadow:0 18px 44px rgba(16,42,61,.18),0 2px 6px rgba(16,42,61,.10)}
.oon-gz-kitap.is-olcekli{transition:none}
/* Kapaktan iç sayfalara geçerken gazetenin açılması. */
.oon-gz-kitap.is-aciliyor{transition:width .3s cubic-bezier(.33,.02,.26,1),height .3s cubic-bezier(.33,.02,.26,1)}
.oon-gz-kitap.is-aciliyor .oon-gz-yuva img{animation:oon-gz-bel .34s ease}

.oon-gz-yuva{position:absolute;top:0;height:100%;overflow:hidden;background:var(--gz-kagit)}
.oon-gz-yuva--sol{left:0;width:50%;box-shadow:inset -14px 0 20px -16px rgba(16,42,61,.45)}
.oon-gz-yuva--sag{left:50%;width:50%;box-shadow:inset 14px 0 20px -16px rgba(16,42,61,.45)}
.oon-gz-kitap.is-tek .oon-gz-yuva--sol{display:none}
.oon-gz-kitap.is-tek .oon-gz-yuva--sag{left:0;width:100%;box-shadow:none}
.oon-gz-yuva img{width:100%;height:100%;display:block;object-fit:contain;background:var(--gz-kagit);
  image-rendering:auto}
.oon-gz-yuva.is-bos{background:var(--gz-kagit)}

/* kağıt kalınlığı ve orta kat izi */
.oon-gz-kitap-golge{position:absolute;inset:0;pointer-events:none;z-index:3;
  background:linear-gradient(90deg, rgba(16,42,61,.05) 0 1px, transparent 1px 49.4%,
    rgba(16,42,61,.09) 49.4%, rgba(16,42,61,.03) 50%, rgba(16,42,61,.09) 50.6%,
    transparent 50.6% 99.8%, rgba(16,42,61,.05) 99.8%)}
.oon-gz-kitap.is-tek .oon-gz-kitap-golge{background:linear-gradient(90deg, rgba(16,42,61,.06) 0 1px, transparent 1px 99.7%, rgba(16,42,61,.06) 99.7%)}

/* çevrilen yaprak */
.oon-gz-yaprak{position:absolute;top:0;left:50%;width:50%;height:100%;z-index:5;
  transform-style:preserve-3d;pointer-events:none}
.oon-gz-yaprak[hidden]{display:none}
.oon-gz-kitap.is-tek .oon-gz-yaprak{left:0;width:100%}
.oon-gz-yaprak.is-geri{left:0}
.oon-gz-kitap.is-tek .oon-gz-yaprak.is-geri{left:0}
.oon-gz-yaprak-ic{position:absolute;inset:0;transform-style:preserve-3d;
  transform:rotateY(var(--gz-aci,0deg));transform-origin:left center}
.oon-gz-yaprak.is-geri .oon-gz-yaprak-ic{transform-origin:right center}
.oon-gz-yaprak-ic.is-animasyonlu{transition:transform .62s cubic-bezier(.33,.02,.26,1)}

.oon-gz-yuz{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  overflow:hidden;background:var(--gz-kagit)}
.oon-gz-yuz img{width:100%;height:100%;display:block;object-fit:contain;background:var(--gz-kagit)}
.oon-gz-yuz--arka{transform:rotateY(180deg)}
.oon-gz-golge{position:absolute;inset:0;pointer-events:none;opacity:var(--gz-golge,0)}
.oon-gz-yuz--on .oon-gz-golge{background:linear-gradient(to left, rgba(16,42,61,.34), rgba(16,42,61,0) 42%)}
.oon-gz-yuz--arka .oon-gz-golge{background:linear-gradient(to right, rgba(16,42,61,.30), rgba(16,42,61,0) 46%)}

.oon-gz-yukleniyor{position:absolute;inset:0;display:grid;place-items:center;background:var(--gz-kagit);z-index:2}
.oon-gz-yukleniyor::after{content:"";width:26px;height:26px;border-radius:50%;
  border:2.5px solid var(--gz-cizgi);border-top-color:var(--gz-yesil);animation:oon-gz-don .8s linear infinite}
@keyframes oon-gz-don{to{transform:rotate(360deg)}}

/* alt çubuk */
.oon-gz-alt{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  padding:12px 18px;background:#fff;border-top:1px solid var(--gz-cizgi)}
.oon-gz-alt-btn{border:1px solid var(--gz-cizgi);background:#fff;color:var(--gz-lacivert);border-radius:9px;
  padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer}
.oon-gz-alt-btn:hover{background:var(--gz-turkuaz);border-color:#bfdfd7}
.oon-gz-alt-btn[disabled]{opacity:.35;cursor:default}
.oon-gz-alt-btn[disabled]:hover{background:#fff;border-color:var(--gz-cizgi)}
.oon-gz-sayac{font-size:14px;font-weight:650;color:var(--gz-lacivert);min-width:118px;text-align:center;
  font-variant-numeric:tabular-nums}
.oon-gz-kademe-rozet{font-size:12px;color:var(--gz-muted);background:var(--gz-krem);border-radius:20px;padding:5px 12px}

/* içindekiler paneli */
.oon-gz-panel{position:absolute;top:0;right:0;bottom:0;width:min(300px,82vw);background:#fff;z-index:20;
  border-left:1px solid var(--gz-cizgi);display:flex;flex-direction:column;box-shadow:-10px 0 30px rgba(16,42,61,.12)}
.oon-gz-panel[hidden]{display:none}
.oon-gz-panel-ust{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;
  border-bottom:1px solid var(--gz-cizgi);font-size:15px;color:var(--gz-lacivert)}
.oon-gz-panel-kapat{border:0;background:transparent;font-size:17px;cursor:pointer;color:var(--gz-muted);padding:4px 8px;border-radius:7px}
.oon-gz-panel-kapat:hover{background:var(--gz-krem);color:var(--gz-lacivert)}
.oon-gz-panel-liste{overflow-y:auto;padding:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.oon-gz-kucuk{border:1px solid var(--gz-cizgi);background:#fff;border-radius:8px;padding:6px;cursor:pointer;
  display:flex;flex-direction:column;gap:5px;align-items:center}
.oon-gz-kucuk:hover{border-color:var(--gz-yesil)}
.oon-gz-kucuk.is-aktif{border-color:var(--gz-lacivert);box-shadow:0 0 0 2px rgba(16,42,61,.14)}
.oon-gz-kucuk-gorsel{display:grid;place-items:center;width:100%;aspect-ratio:1/1.414;background:var(--gz-krem);
  border-radius:4px;overflow:hidden;color:#9aa8b1}
.oon-gz-kucuk-gorsel img{width:100%;height:100%;object-fit:contain;display:block;opacity:0;transition:opacity .2s ease}
.oon-gz-kucuk-gorsel.is-yuklu img{opacity:1}
.oon-gz-kucuk-gorsel svg{width:22px;height:22px}
.oon-gz-kucuk--kilit{opacity:.75;cursor:pointer}
.oon-gz-kucuk-no{font-size:12px;font-weight:600;color:var(--gz-muted)}

/* kilit ekranı */
.oon-gz-kilit{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px;
  background:rgba(16,42,61,.70)}
.oon-gz-kilit[hidden]{display:none}
.oon-gz-kilit-ic{max-width:520px;width:100%;background:#fff;border-radius:18px;padding:34px 32px;text-align:center;
  box-shadow:0 24px 60px rgba(8,22,33,.36)}
.oon-gz-kilit-simge{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;
  background:var(--gz-turkuaz);color:var(--gz-yesil)}
.oon-gz-kilit-simge svg{width:28px;height:28px}
.oon-gz-kilit-kicker{margin:0 0 8px;font-size:11px;letter-spacing:.17em;font-weight:750;color:var(--gz-yesil)}
.oon-gz-kilit-ic h2{margin:0 0 12px;font-size:23px;line-height:1.32;letter-spacing:-.02em;color:var(--gz-lacivert)}
.oon-gz-kilit-ic p{margin:0 0 20px;font-size:15px;line-height:1.6;color:var(--gz-muted)}
.oon-gz-kilit-butonlar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.oon-gz-kilit-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:11px;
  border:1px solid var(--gz-cizgi);background:#fff;color:var(--gz-lacivert);font-size:15px;font-weight:640;
  text-decoration:none;cursor:pointer}
.oon-gz-kilit-btn:hover{background:var(--gz-krem);color:var(--gz-lacivert)}
.oon-gz-kilit-btn--ana{background:var(--gz-yesil);border-color:var(--gz-yesil);color:#fff}
.oon-gz-kilit-btn--ana:hover{background:#0f5148;color:#fff}
.oon-gz-kilit-not{margin:18px 0 0;font-size:12.5px;color:#7d8f9a}

.oon-gz-noscript{padding:30px;text-align:center;color:var(--gz-muted)}

/* tam ekran */
.oon-gz-okuyucu.is-tamekran{position:fixed;inset:0;z-index:99999;border-radius:0;border:0;background:#0e1c26}
.oon-gz-okuyucu.is-tamekran .oon-gz-govde{flex:1;background:#0e1c26;padding:2px;min-height:0}
/* Tam ekranda üst ve alt şerit inceltilir; kalan her piksel gazetenindir. */
.oon-gz-okuyucu.is-tamekran .oon-gz-ust{padding:6px 12px;min-height:0}
.oon-gz-okuyucu.is-tamekran .oon-gz-kimlik strong{font-size:13.5px}
.oon-gz-okuyucu.is-tamekran .oon-gz-kimlik span{font-size:11px}
.oon-gz-okuyucu.is-tamekran .oon-gz-arac{width:34px;height:34px}
.oon-gz-okuyucu.is-tamekran .oon-gz-alt{padding:6px 10px}
.oon-gz-okuyucu.is-tamekran .oon-gz-alt-btn{padding:6px 12px;font-size:13px}
.oon-gz-okuyucu.is-tamekran .oon-gz-ok{width:40px;height:40px;background:rgba(19,41,58,.85);
  border-color:#2b4c60;color:#e6eff4}
.oon-gz-okuyucu.is-tamekran .oon-gz-ok:hover{background:#2b4c60;color:#fff}
.oon-gz-okuyucu.is-tamekran .oon-gz-ok--sol{left:6px}
.oon-gz-okuyucu.is-tamekran .oon-gz-ok--sag{right:6px}
.oon-gz-okuyucu.is-tamekran .oon-gz-ust,
.oon-gz-okuyucu.is-tamekran .oon-gz-alt{background:#13293a;border-color:#1f3d51}
.oon-gz-okuyucu.is-tamekran .oon-gz-kimlik strong{color:#eef5f8}
.oon-gz-okuyucu.is-tamekran .oon-gz-kimlik span,
.oon-gz-okuyucu.is-tamekran .oon-gz-kademe-rozet{color:#9fb6c4;background:transparent}
.oon-gz-okuyucu.is-tamekran .oon-gz-arac{color:#cfe0e9}
.oon-gz-okuyucu.is-tamekran .oon-gz-arac:hover{background:#1f3d51;color:#fff}
.oon-gz-okuyucu.is-tamekran .oon-gz-alt-btn{background:#13293a;border-color:#27485e;color:#e6eff4}
.oon-gz-okuyucu.is-tamekran .oon-gz-alt-btn:hover{background:#1f3d51}
.oon-gz-okuyucu.is-tamekran .oon-gz-sayac{color:#eef5f8}
body.oon-gz-kilitli{overflow:hidden}

/* ---------- Ana sayfa "Son Sayı" şeridi ---------- */

.oon-gz-son{max-width:1160px;margin:26px auto;padding:0 20px;display:flex;flex-direction:column;gap:8px}
.oon-gz-son-ic{display:flex;align-items:center;gap:18px;padding:16px 20px;background:#fff;
  border:1px solid var(--gz-cizgi);border-radius:16px;text-decoration:none;color:inherit;
  transition:box-shadow .18s ease,transform .18s ease}
.oon-gz-son-ic:hover{box-shadow:0 12px 30px rgba(16,42,61,.12);transform:translateY(-1px)}
.oon-gz-son-gorsel{flex:0 0 62px;line-height:0;border-radius:6px;overflow:hidden;border:1px solid var(--gz-cizgi)}
.oon-gz-son-gorsel img{width:62px;height:auto;display:block}
.oon-gz-son-gorsel .oon-gz-kapak-yer{width:62px;padding:8px;gap:2px}
.oon-gz-son-gorsel .oon-gz-kapak-yer strong{font-size:11px}
.oon-gz-son-gorsel .oon-gz-kapak-yer span{font-size:10px}
.oon-gz-son-metin{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.oon-gz-son-metin em{font-style:normal;font-size:10px;letter-spacing:.17em;font-weight:750;color:var(--gz-yesil)}
.oon-gz-son-metin strong{font-size:19px;letter-spacing:-.02em;color:var(--gz-lacivert)}
.oon-gz-son-metin small{font-size:13px;color:var(--gz-muted)}
.oon-gz-son-cta{display:inline-flex;align-items:center;gap:7px;background:var(--gz-lacivert);color:#fff;
  padding:11px 19px;border-radius:10px;font-weight:640;font-size:14px;white-space:nowrap}
.oon-gz-son-arsiv{align-self:flex-end;font-size:13px;color:var(--gz-yesil);text-decoration:none;font-weight:600}
.oon-gz-son-arsiv:hover{text-decoration:underline}

/* ---------- Duyarlı ---------- */

@media(max-width:900px){
  .oon-gz-sayfa{padding:18px 14px 46px}
  .oon-gz-hero{padding:22px 20px}
  .oon-gz-govde{padding:16px 10px}
  /* Dar ekranda yuvarlak yan oklar gazeteyi örtüyordu: gezinme alt çubuk,
     kaydırma ve dokunma ile yapılır. */
  .oon-gz-ok{display:none}
  .oon-gz-ust{padding:10px 12px}
  .oon-gz-kimlik strong{font-size:14.5px}
  .oon-gz-araclar{gap:2px}
  .oon-gz-arac{width:36px;height:36px}
  .oon-gz-alt{gap:6px;padding:10px 10px}
  .oon-gz-alt-btn{padding:8px 11px;font-size:13px}
  .oon-gz-kademe-rozet{order:5;width:100%;text-align:center}
  .oon-gz-son-ic{flex-wrap:wrap}
  .oon-gz-son-cta{width:100%;justify-content:center}
}
@media(max-width:560px){
  .oon-gz-alt-btn[data-gz-git="ilk"]{display:none}
  .oon-gz-kilit-ic{padding:26px 20px}
  .oon-gz-kilit-ic h2{font-size:20px}
  .oon-gz-kilit-btn{width:100%}
  .oon-gz-panel-liste{grid-template-columns:repeat(3,1fr)}
}

/* Mobil yatay: gazete ekranı kaplasın, kontroller incelsin */
@media(max-height:520px) and (orientation:landscape){
  .oon-gz-sayfa--okuyucu{padding:6px}
  .oon-gz-geri{display:none}
  .oon-gz-ust{padding:6px 12px}
  .oon-gz-kimlik span{display:none}
  .oon-gz-govde{padding:8px 46px}
  .oon-gz-alt{padding:6px 10px}
  .oon-gz-kademe-rozet{display:none}
}

/* Erişilebilirlik: hareket azaltma tercihi */
@media(prefers-reduced-motion:reduce){
  .oon-gz-yaprak-ic.is-animasyonlu{transition:none!important}
  .oon-gz-kart{transition:none}
  .oon-gz-son-ic{transition:none}
  .oon-gz-yukleniyor::after{animation-duration:2s}
}

/* Yüksek kontrast / zorunlu renk modu */
@media(forced-colors:active){
  .oon-gz-kitap,.oon-gz-yuva,.oon-gz-yuz{border:1px solid CanvasText}
  .oon-gz-golge,.oon-gz-kitap-golge{display:none}
}

/* Kilitli sayfa yerine konan temsilî kutu (madde 29):
   içerik bulanıklaştırılıp gösterilmez; yalnızca kilit ve kısa mesaj konur. */
.oon-gz-kilit-yuva{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:10px;text-align:center;padding:24px;color:#8b9aa4;
  background:
    linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,0)),
    repeating-linear-gradient(0deg, #f4f1ea 0 26px, #efebe2 26px 27px),
    var(--gz-krem)}
.oon-gz-kilit-yuva svg{width:38px;height:38px;color:var(--gz-yesil);opacity:.75}
.oon-gz-kilit-yuva strong{font-size:15px;color:var(--gz-lacivert);letter-spacing:-.01em}
.oon-gz-kilit-yuva span{font-size:12.5px;max-width:22ch;line-height:1.45}

/* 3B desteklemeyen cihazlar: sade ama kullanışlı okuyucu (madde 18). */
.oon-gz-okuyucu.is-duz .oon-gz-yaprak{display:none}
.oon-gz-okuyucu.is-duz .oon-gz-yuva img{animation:oon-gz-bel .28s ease}
@keyframes oon-gz-bel{from{opacity:.25}to{opacity:1}}

/* Sayfa yüklenemediğinde: sonsuz dönen çark yerine ne olduğunu söyleyen kutu. */
.oon-gz-hata-yuva{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:9px;text-align:center;padding:26px;color:#8b6a52;background:var(--gz-kagit)}
.oon-gz-hata-yuva svg{width:34px;height:34px;color:#b4530e;opacity:.8}
.oon-gz-hata-yuva strong{font-size:15px;color:var(--gz-lacivert)}
.oon-gz-hata-yuva span{font-size:12.5px;max-width:30ch;line-height:1.5;color:#6d7f89}
.oon-gz-hata-btn{margin-top:4px;border:1px solid var(--gz-cizgi);background:#fff;color:var(--gz-lacivert);
  border-radius:9px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}
.oon-gz-hata-btn:hover{background:var(--gz-turkuaz);border-color:#bfdfd7}

/* ---------- "Bugün" ekranındaki son sayı kartı ---------- */
/* Mobilde üst menü gizlendiği için gazeteye buradan ulaşılır. */
.oon-gz-bugun{--gz-lacivert:#102a3d;--gz-yesil:#14675b;--gz-turkuaz:#dff2ed;
  --gz-krem:#f5f1e8;--gz-muted:#526877;--gz-cizgi:#dce7e8}
.oon-gz-bugun-ic{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;
  padding:12px;border:1px solid var(--gz-cizgi);border-radius:14px;background:#fff;
  transition:box-shadow .18s ease,border-color .18s ease}
.oon-gz-bugun-ic:hover{box-shadow:0 10px 26px rgba(16,42,61,.12);border-color:#bfdfd7}
.oon-gz-bugun-gorsel{flex:0 0 66px;line-height:0;border-radius:7px;overflow:hidden;
  border:1px solid var(--gz-cizgi);background:var(--gz-krem)}
.oon-gz-bugun-gorsel img{width:66px;height:auto;display:block}
.oon-gz-bugun-gorsel .oon-gz-kapak-yer{width:66px;padding:9px;gap:2px}
.oon-gz-bugun-gorsel .oon-gz-kapak-yer strong{font-size:11px}
.oon-gz-bugun-gorsel .oon-gz-kapak-yer span{font-size:10px}
.oon-gz-bugun-yazi{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.oon-gz-bugun-yazi em{font-style:normal;font-size:9.5px;letter-spacing:.17em;font-weight:750;color:var(--gz-yesil)}
.oon-gz-bugun-yazi strong{font-size:15.5px;line-height:1.3;letter-spacing:-.01em;color:var(--gz-lacivert)}
.oon-gz-bugun-yazi small{font-size:12.5px;color:var(--gz-muted)}
.oon-gz-bugun-yazi b{margin-top:5px;font-size:13px;font-weight:650;color:var(--gz-yesil)}
@media(max-width:480px){
  .oon-gz-bugun-ic{gap:12px;padding:10px}
  .oon-gz-bugun-gorsel{flex-basis:56px}
  .oon-gz-bugun-gorsel img,.oon-gz-bugun-gorsel .oon-gz-kapak-yer{width:56px}
  .oon-gz-bugun-yazi strong{font-size:14.5px}
}

/* Yakınlaştırılmışken sayfayı tutup sürükleyerek gezinme */
.oon-gz-sahne.is-yakin{cursor:grab}
.oon-gz-sahne.is-yakin.is-suruklenen{cursor:grabbing}
.oon-gz-sahne.is-yakin .oon-gz-kitap,
.oon-gz-sahne.is-yakin .oon-gz-yuva img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.oon-gz-ipucu{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:8;
  max-width:min(92%,420px);text-align:center;line-height:1.35;
  background:rgba(16,42,61,.92);color:#fff;font-size:13px;font-weight:600;
  padding:9px 16px;border-radius:20px;pointer-events:none;opacity:1;transition:opacity .6s ease}
.oon-gz-ipucu.is-gidiyor{opacity:0}

/* Yakınlaştırma düğmeleri sınıra gelince sönükleşir */
.oon-gz-arac[disabled]{opacity:.3;cursor:default}
.oon-gz-arac[disabled]:hover{background:transparent;color:#2c4a5c}
/* Tam ekranda yan oklar mobilde de görünsün: kaydırmaya ek kolaylık */
.oon-gz-okuyucu.is-tamekran .oon-gz-ok{display:grid}


/* ====================================================================== */
/* TEST162 — TEMA EZMESİNE KARŞI KALKAN                                    */
/*                                                                        */
/* Sitenin teması içerik alanındaki bağlantı ve düğmeleri kendi rengiyle   */
/* boyuyor (.entry-content a / button => 0,1,1). Aşağıdaki düğmelerin      */
/* zemini DOLU ve yazısı AÇIK; tema yazıyı koyu bir renge çevirince yazı   */
/* zemine karışıp okunmaz oluyordu. Zemin+yazı çifti burada bir arada ve   */
/* !important ile yeniden yazıldı. Renkler DEĞİŞMEDİ, yalnız korundu.      */
/* ====================================================================== */
.oon-gz-hero-cta,
.oon-gz-hero-cta:hover,
.oon-gz-hero-cta:focus{color:#fff!important;text-decoration:none!important}
.oon-gz-kart-buton,
.oon-gz-kart-buton:hover,
.oon-gz-kart-buton:focus{color:#fff!important;text-decoration:none!important}
.oon-gz-kilit-btn--ana,
.oon-gz-kilit-btn--ana:hover,
.oon-gz-kilit-btn--ana:focus{color:#fff!important;text-decoration:none!important}
/* Bu düğme ÜZERİNE GELİNCE zemin koyulaşıp yazı beyaza döner; kalkan
   iki durumu ayrı ayrı korur, yoksa hover okunmaz hâle gelirdi. */
.oon-gz-ok{color:var(--gz-lacivert)!important;text-decoration:none!important}
.oon-gz-ok:hover,
.oon-gz-ok:focus{color:#fff!important}
.oon-gz-ok[disabled],
.oon-gz-ok[disabled]:hover{color:var(--gz-lacivert)!important}
.oon-gz-okuyucu.is-tamekran .oon-gz-ok,
.oon-gz-okuyucu.is-tamekran .oon-gz-ok:hover{color:#fff!important}