/* haber24 · görünüm (30.09.2026). Marka: defterdeki fosforlu kalem. Zemin beyaz; lacivert mürekkep, fosforlu sarı, kırmızı kalem, tahta yeşili, gök mavisi. */
@font-face{font-family:"H24 Baslik";src:url(/statik/yazi/baslik.woff2?s=1) format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"H24 Metin";src:url(/statik/yazi/metin.woff2?s=1) format("woff2");font-weight:400 700;font-display:swap}
:root{
  --kagit:#fff; --zemin:#F6F7FB; --lacivert:#152150; --lacivert-2:#2A3570; --metin:#252B45; --gri:#5B6275; --cizgi:#E3E6EF;
  --sari:#FFE14D; --sari-acik:#FFF6C7; --kirmizi:#D93A2B; --kirmizi-acik:#FCE9E6; --yesil:#1E6B55; --yesil-acik:#E3F1EC; --gok:#2F5BD3; --gok-acik:#E8EEFC;
  --baslik:"H24 Baslik",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --govde:"H24 Metin",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --genislik:1120px; --yan:clamp(16px,4vw,28px);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}   /* .izin gibi display veren sınıflar hidden özniteliğini ezmesin (çerez çubuğu kapanmıyordu, kurucu msg 2237) */
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--kagit);color:var(--metin);font:400 1rem/1.6 var(--govde);font-variant-numeric:tabular-nums}
h1,h2,h3{font-family:var(--baslik);color:var(--lacivert);margin:0;line-height:1.12;letter-spacing:-.015em;text-wrap:balance}
p{margin:0}
a{color:var(--gok);text-underline-offset:3px}
img,svg{max-width:100%}
.atla{position:absolute;left:-999px;top:8px;background:var(--lacivert);color:#fff;padding:8px 12px;border-radius:8px;z-index:20}
.atla:focus{left:8px}
:focus-visible{outline:3px solid var(--gok);outline-offset:2px}

/* üst bilgi */
.ust{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--cizgi)}
.ust-ic{max-width:var(--genislik);margin:0 auto;padding:10px var(--yan);display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:3px;text-decoration:none;color:var(--lacivert)}
.logo-yazi{font:800 1.62rem/1 var(--baslik);letter-spacing:-.04em}
.logo-etiket{font:800 1.12rem/1 var(--baslik);background:var(--sari);color:var(--lacivert);padding:4px 7px 5px;border-radius:7px;transform:rotate(-4deg);box-shadow:0 2px 0 rgba(21,33,80,.18)}
.menu{display:flex;gap:6px;margin-left:auto;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.menu::-webkit-scrollbar{display:none}
.menu a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;color:var(--lacivert);text-decoration:none;font-weight:600;font-size:.95rem}
.menu a:hover{background:var(--zemin)}
.menu a[aria-current=page]{background:var(--lacivert);color:#fff}
@media (max-width:640px){.menu{margin-left:calc(-1 * var(--yan));margin-right:calc(-1 * var(--yan));padding:0 var(--yan) 2px;width:calc(100% + 2 * var(--yan))}.ust-ic{gap:8px;padding-bottom:8px}}

main{max-width:var(--genislik);margin:0 auto;padding:0 var(--yan) 40px;display:grid;gap:34px}
.kalem{background:linear-gradient(transparent 56%,var(--sari) 56%,var(--sari) 92%,transparent 92%);padding:0 .08em}
.ust-yazi{font:700 .78rem/1 var(--govde);letter-spacing:.14em;text-transform:uppercase;color:var(--yesil)}

/* vitrin ve halka */
.vitrin{display:grid;gap:22px;align-items:center;padding-top:26px}
@media (min-width:900px){.vitrin{grid-template-columns:1.05fr .95fr;gap:40px;padding-top:40px}}
.vitrin-metin{display:grid;gap:18px}
.vitrin h1{font-size:clamp(2rem,6.4vw,3.35rem);font-weight:800}
.siradaki{display:grid;gap:6px;justify-items:start;padding:16px 18px;border-radius:16px;background:var(--lacivert);color:#fff;box-shadow:0 12px 28px rgba(21,33,80,.18)}
.siradaki-et{font:700 .72rem/1 var(--govde);letter-spacing:.14em;text-transform:uppercase;color:var(--sari)}
.siradaki b{font:700 1.35rem/1.2 var(--baslik)}
.siradaki-tarih{color:rgba(255,255,255,.9)}
.siradaki .cip{background:var(--sari);color:var(--lacivert)}
.sonrakiler{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;align-items:baseline}
.sonrakiler li{display:contents;color:var(--metin)}
.sonrakiler span{font-weight:700;color:var(--lacivert)}
.halka{position:relative;margin:0 auto;width:100%;max-width:470px;aspect-ratio:1/1.08;display:grid;grid-template-rows:1fr auto;overflow:hidden}
.halka-svg{width:100%;height:auto;aspect-ratio:1;transition:opacity .5s}
.halka-ay{font:700 13px var(--govde);fill:var(--gri)}
.halka-merkez-ust{font:700 12px var(--govde);fill:var(--gri);letter-spacing:.12em;text-transform:uppercase}
.halka-merkez{font:800 30px var(--baslik);fill:var(--lacivert)}
.halka canvas{position:absolute;inset:0;width:100%!important;height:auto!important;aspect-ratio:1;opacity:0;transition:opacity .6s}
.halka.hazir canvas{opacity:1}
.halka.hazir .halka-svg{opacity:0}
.halka-3b-etiketler{position:absolute;inset:0;aspect-ratio:1;pointer-events:none;opacity:0;transition:opacity .6s}
.halka.hazir .halka-3b-etiketler{opacity:1}
.halka-3b-etiketler span{position:absolute;left:0;top:0;font:700 13px/1 var(--govde);color:var(--gri);white-space:nowrap;will-change:transform}
.halka-3b-etiketler .merkez{font:800 1.9rem/1 var(--baslik);color:var(--lacivert);text-align:center}
.halka-3b-etiketler .merkez small{display:block;font:700 .7rem/1.6 var(--govde);letter-spacing:.14em;text-transform:uppercase;color:var(--gri)}
.halka-lejant{display:flex;gap:16px;justify-content:center;font-size:.86rem;color:var(--gri);padding-top:6px}
.halka-lejant span::before{content:"";display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:6px;vertical-align:-1px}
.l-donem::before{background:var(--lacivert)}.l-tatil::before{background:var(--sari);box-shadow:inset 0 0 0 1px rgba(21,33,80,.2)}.l-sinav::before{background:var(--kirmizi);border-radius:50%!important}

/* kartlar */
.kartlar{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.kart{display:grid;gap:6px;align-content:start;padding:16px;border-radius:16px;border:1px solid var(--cizgi);background:var(--kagit);color:var(--metin);text-decoration:none;transition:transform .15s,box-shadow .15s}
.kart:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(21,33,80,.1)}
.kart-et{font:700 .72rem/1 var(--govde);letter-spacing:.12em;text-transform:uppercase;color:var(--gok)}
.kart b{font:700 1.18rem/1.25 var(--baslik);color:var(--lacivert)}
.kart span:last-child{font-size:.93rem;color:var(--gri)}
.kart-takvim{background:var(--sari-acik);border-color:#F3E3A0}
.kart-sinav{background:var(--kirmizi-acik);border-color:#F4CFC9}
.kart-sinav .kart-et{color:var(--kirmizi)}.kart-takvim .kart-et{color:var(--lacivert)}

/* bloklar */
.blok{display:grid;gap:14px}
.blok h2{font-size:clamp(1.35rem,4vw,1.7rem)}
.blok-bas{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.blok-bas a{font-weight:700;text-decoration:none}
.cizelge{list-style:none;margin:0;padding:0;display:grid}
.cizelge li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:12px 0 12px 22px;border-top:1px solid var(--cizgi)}
.cizelge li:first-child{border-top:0}
.cizelge li::before{content:"";position:absolute;left:0;top:16px;width:10px;height:10px;border-radius:3px;background:var(--lacivert)}
.cizelge time{grid-column:1;font-weight:700;color:var(--lacivert)}
.cizelge b{grid-column:1;font-weight:600;color:var(--metin)}
.cizelge .cip{grid-column:2;grid-row:1/span 2}
.cizelge p{grid-column:1/-1;color:var(--gri);font-size:.95rem}
.cizelge-genis li{padding-top:14px;padding-bottom:14px}
.c-tatil::before{background:var(--sari)!important;box-shadow:inset 0 0 0 1px rgba(21,33,80,.25)}
.c-sinav::before{background:var(--kirmizi)!important;border-radius:50%!important}
.c-uyum::before{background:var(--yesil)!important}
.c-ogretmen::before{background:var(--gok)!important}
.cip{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 10px;border-radius:999px;background:var(--gok-acik);color:var(--gok);font:700 .8rem/1.2 var(--govde)}
.cip-yakin{background:var(--sari);color:var(--lacivert)}
.cip-simdi{background:var(--yesil);color:#fff}
.cip-gecti{background:var(--zemin);color:var(--gri)}

/* yazı sayfaları */
.yazi{display:grid;gap:26px;padding-top:18px;max-width:780px}
.yol{font-size:.88rem;color:var(--gri)}
.yol a{color:var(--gri)}
.yazi-bas{display:grid;gap:10px}
.yazi-bas h1{font-size:clamp(1.9rem,6vw,2.7rem);font-weight:800}
.spot{font-size:1.1rem;color:var(--metin)}
.kisa-cevap{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.kisa-cevap div{display:grid;gap:6px;justify-items:start;padding:14px;border-radius:14px;background:var(--sari-acik);border-top:4px solid var(--sari)}
.kisa-cevap span{font-size:.86rem;font-weight:700;color:var(--gri)}
.kisa-cevap b{font:700 1.15rem/1.25 var(--baslik);color:var(--lacivert)}
.durum{display:grid;gap:8px;padding:16px 18px;border-radius:14px;border:1px solid var(--cizgi);border-left:5px solid var(--lacivert);background:var(--zemin)}
.durum-et{font:700 .72rem/1 var(--govde);letter-spacing:.12em;text-transform:uppercase;color:var(--gri)}
.durum b{font:700 1.25rem/1.25 var(--baslik);color:var(--lacivert)}
.not{font-size:.93rem;color:var(--gri)}
.tablo-kap{overflow-x:auto;border:1px solid var(--cizgi);border-radius:14px}
.tablo{border-collapse:collapse;width:100%;min-width:520px;font-size:.95rem}
.tablo th,.tablo td{text-align:left;padding:10px 12px;border-top:1px solid var(--cizgi);vertical-align:middle}
.tablo thead th{border-top:0;font:700 .74rem/1.2 var(--govde);letter-spacing:.08em;text-transform:uppercase;color:var(--gri);background:var(--zemin)}
.tablo tr.gecmis td{color:var(--gri)}
.ortak-gruplar{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.ortak{display:grid;gap:10px;align-content:start;padding:14px 16px;border:1px solid var(--cizgi);border-top:4px solid var(--kirmizi);border-radius:14px}
.ortak.gecmis{border-top-color:var(--cizgi);opacity:.75}
.ortak-bas{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ortak h3{font-size:1.05rem}
.ortak ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ortak li{display:grid;gap:1px}
.ortak time{font-weight:700;color:var(--lacivert)}
.sss{display:grid;gap:8px}
.sss h2{font-size:1.4rem;margin-bottom:4px}
.sss details{border:1px solid var(--cizgi);border-radius:12px;padding:12px 14px;background:var(--kagit)}
.sss summary{font-weight:700;color:var(--lacivert);cursor:pointer}
.sss details p{margin-top:8px}
.kaynak{display:grid;gap:8px;padding:14px 16px;border-radius:14px;background:var(--yesil-acik);border:1px solid #C9E2D8}
.kaynak-rozet{justify-self:start;font:700 .72rem/1 var(--govde);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--yesil);padding:5px 8px;border-radius:6px}
.kaynak ul{margin:0;padding-left:18px;display:grid;gap:4px}
.kaynak a{color:var(--yesil);font-weight:600}
.kaynak p{font-size:.9rem;color:var(--gri)}
.sb{display:grid;gap:8px;padding:16px;border-radius:14px;border:1px dashed #C3C8DA;background:var(--kagit)}
.sb-etiket{justify-self:start;font:700 .7rem/1 var(--govde);letter-spacing:.1em;text-transform:uppercase;color:var(--gri);border:1px solid var(--cizgi);padding:4px 7px;border-radius:6px}
.sb b{font-family:var(--baslik);color:var(--lacivert)}.sb i{font-style:normal;color:var(--kirmizi)}
.sb a{justify-self:start;font-weight:700;text-decoration:none;background:var(--lacivert);color:#fff;padding:10px 14px;border-radius:10px}
.kunye{margin:0;display:grid;border:1px solid var(--cizgi);border-radius:14px;overflow:hidden}
.kunye div{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:12px;padding:11px 14px;border-top:1px solid var(--cizgi)}
.kunye div:first-child{border-top:0}
.kunye dt{color:var(--gri)}.kunye dd{margin:0;font-weight:600;color:var(--lacivert);overflow-wrap:anywhere}
.ilkeler{margin:0;padding-left:20px;display:grid;gap:8px}
.metin{display:grid;gap:12px}

/* alt bilgi ve çerez */
.alt{background:var(--lacivert);color:rgba(255,255,255,.86);margin-top:20px}
.alt-ic{max-width:var(--genislik);margin:0 auto;padding:32px var(--yan) calc(32px + env(safe-area-inset-bottom));display:grid;gap:18px}
.alt .logo{color:#fff}
.alt-marka{display:grid;gap:8px}
.alt-menu{display:flex;flex-wrap:wrap;gap:6px 18px}
.alt-menu a{color:#fff;text-decoration:none;font-weight:600}
.alt-not{font-size:.86rem;color:rgba(255,255,255,.7)}
.logo-kucuk .logo-yazi{font-size:1.35rem}.logo-kucuk .logo-etiket{font-size:.95rem}
.izin{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;max-width:560px;margin:0 auto;display:grid;gap:10px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--cizgi);box-shadow:0 18px 40px rgba(21,33,80,.22)}
.izin div{display:flex;gap:8px;justify-content:flex-end}
.izin button{min-height:42px;padding:0 18px;border-radius:10px;font:700 .95rem var(--govde);cursor:pointer;border:1px solid var(--cizgi);background:#fff;color:var(--lacivert)}
.izin .izin-tamam{background:var(--lacivert);border-color:var(--lacivert);color:#fff}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* LGS aracı, deneme listeleri, sayı kutuları (30.09) */
.tablo-dar{min-width:0}
.hesap{display:grid;gap:12px;padding:16px;border-radius:16px;border:2px solid var(--lacivert)}
.hesap h2{font-size:1.4rem}
.hesap-form{display:grid;gap:8px}
.hesap-bas,.hesap-satir{display:grid;grid-template-columns:minmax(0,1fr) 64px 64px;gap:8px;align-items:center}
.hesap-bas{font:700 .74rem/1 var(--govde);letter-spacing:.08em;text-transform:uppercase;color:var(--gri)}
.hesap-bas span:not(:first-child){text-align:center}
.hesap-satir label{font-weight:600;color:var(--lacivert);line-height:1.3}
.hesap-satir small{display:block;font-weight:400;color:var(--gri);font-size:.8rem}
.hesap-satir input{min-height:46px;width:100%;border:1px solid #C9CEDD;border-radius:10px;text-align:center;font:700 1.05rem var(--govde);color:var(--lacivert);background:#fff}
.hesap-satir input:focus{outline:3px solid var(--sari);border-color:var(--lacivert)}
.hesap-form button{justify-self:start;min-height:48px;padding:0 22px;border:0;border-radius:12px;background:var(--lacivert);color:#fff;font:700 1rem var(--govde);cursor:pointer;margin-top:4px}
.hesap-hata{padding:10px 12px;border-radius:10px;background:var(--kirmizi-acik);color:#8A2217}
.hesap-sonuc{display:grid;gap:10px}
.hesap-sonuc dl{margin:0;display:grid;border:1px solid var(--cizgi);border-radius:12px;overflow:hidden}
.hesap-sonuc dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-top:1px solid var(--cizgi)}
.hesap-sonuc dl div:first-child{border-top:0}
.hesap-sonuc dt{color:var(--gri)}.hesap-sonuc dd{margin:0;font-weight:700;color:var(--lacivert)}
.hesap-sonuc .toplam{background:var(--sari-acik)}.hesap-sonuc .toplam dd{font:800 1.15rem var(--baslik)}
.deneme-listesi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px}
.deneme-listesi li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--cizgi);border-radius:12px}
.deneme-listesi .no{font:800 1rem var(--baslik);color:var(--gok);min-width:1.8em}
.deneme-listesi li span:nth-child(2){flex:1;font-weight:600;color:var(--lacivert)}
.deneme-listesi li.simdiki{border-color:var(--lacivert);box-shadow:inset 0 0 0 1px var(--lacivert);background:var(--sari-acik)}
.deneme-listesi li.gecti{opacity:.6}
.sayilar{margin:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.sayilar div{padding:12px 14px;border-radius:12px;background:var(--zemin)}
.sayilar dt{font-size:.84rem;color:var(--gri);font-weight:600}
.sayilar dd{margin:0;font:800 1.35rem var(--baslik);color:var(--lacivert)}
.hesap-sonuc dd{white-space:nowrap}
.hesap-sonuc dt small{display:block;font-size:.78rem;color:var(--gri)}
.fark{font:700 .8rem var(--govde);padding:2px 6px;border-radius:6px;margin-left:4px}
.fark.ust{background:var(--yesil-acik);color:var(--yesil)}.fark.alt{background:var(--kirmizi-acik);color:#8A2217}
.tablo-sayi{min-width:560px}.tablo-sayi td:not(:first-child),.tablo-sayi th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.tablo-sayi td:first-child{font-weight:700;color:var(--lacivert);white-space:nowrap}
.blok-alt{font:700 1.05rem/1.3 var(--baslik);color:var(--lacivert);margin-top:6px}
.alan-sec{width:100%;min-height:44px;border:1px solid #C9CEDD;border-radius:10px;padding:0 10px;font:600 .95rem var(--govde);color:var(--lacivert);background:#fff}
.tablo-sayi td:first-child{white-space:normal}
.duyuru-listesi{list-style:none;margin:0;padding:0;display:grid}
.duyuru-listesi li{display:grid;grid-template-columns:4.2em minmax(0,1fr);gap:2px 12px;padding:10px 0;border-top:1px solid var(--cizgi)}
.duyuru-listesi li:first-child{border-top:0}
.duyuru-listesi time{grid-row:1/span 2;font-weight:700;color:var(--lacivert);font-size:.9rem;line-height:1.3}
.duyuru-listesi a{color:var(--metin);text-decoration:none;font-weight:600;line-height:1.35}
.duyuru-listesi a:hover{color:var(--gok);text-decoration:underline}
.duyuru-listesi span{font-size:.8rem;color:var(--gri)}
.durum-acik{border-left-color:var(--yesil);background:var(--yesil-acik)}