@font-face{font-family:"Literata";src:url(/fonts/literata-latin-wght-normal.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Literata";src:url(/fonts/literata-latin-ext-wght-normal.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Literata";src:url(/fonts/literata-latin-wght-italic.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F}
@font-face{font-family:"Literata";src:url(/fonts/literata-latin-ext-wght-italic.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"Amiri";src:url(/fonts/amiri-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Amiri";src:url(/fonts/amiri-arabic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --lacivert:#14264A; --gece:#0C1933; --murekkep:#17203A;
  --kagit:#EEF1EC; --ak:#FAFBF8; --cizgi:#CBD2CC; --soluk:#5C6680;
  --altin:#C9A24B; --altin-koyu:#8A6A1F;
  --cini:#17706E; --cini-acik:#DCEDEA;
  --lal:#9E2B36; --lal-acik:#F6E3E3;
  --os:"Amiri","Noto Naskh Arabic","Scheherazade New",serif;
  --tr:"Literata",Georgia,"Times New Roman",serif;
  --olcu: clamp(1rem, .95rem + .25vw, 1.125rem);
}
*{box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kagit);color:var(--murekkep);font-family:var(--tr);font-size:var(--olcu);line-height:1.65;font-optical-sizing:auto;min-height:100vh;display:flex;flex-direction:column}
main{flex:1;outline:none}
h1,h2,h3{font-weight:600;line-height:1.15;margin:0;letter-spacing:-.01em;text-wrap:balance}
p{margin:0 0 1em;max-width:68ch}
a{color:inherit}
button,input{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--altin);outline-offset:3px;border-radius:2px}
.os{font-family:var(--os);direction:rtl;unicode-bidi:isolate;line-height:1.9;font-feature-settings:"kern","liga","calt"}
.atla{position:absolute;left:-999px}
.atla:focus{left:1rem;top:1rem;background:var(--ak);padding:.5rem 1rem;z-index:20}

/* üst şerit */
.ust{display:flex;align-items:center;gap:2rem;padding:.9rem clamp(1rem,4vw,3rem);background:var(--gece);color:#E9ECF3;position:sticky;top:0;z-index:10}
.marka{display:flex;align-items:baseline;gap:.7rem;text-decoration:none}
.marka-os{font-family:var(--os);font-size:1.7rem;color:var(--altin);line-height:1}
.marka-tr{font-size:1.05rem;font-weight:600;letter-spacing:.01em}
.gezinme{display:flex;gap:1.6rem;flex:1;flex-wrap:wrap}
.gezinme a{text-decoration:none;color:#C5CCDD;padding:.25rem 0;border-bottom:2px solid transparent}
.gezinme a:hover{color:#fff}
.gezinme a[aria-current=page]{color:#fff;border-bottom-color:var(--altin)}
.hesap{display:flex;align-items:center;gap:.9rem;font-size:.95rem}
.hesap .ad{color:#C5CCDD}

/* düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1.5px solid var(--lacivert);background:var(--lacivert);color:#fff;padding:.7rem 1.4rem;border-radius:3px;font-weight:600;text-decoration:none;cursor:pointer;line-height:1.2}
.dugme:hover{background:var(--gece)}
.dugme.ikincil{background:transparent;color:var(--lacivert)}
.dugme.ikincil:hover{background:rgba(20,38,74,.07)}
.dugme.altin{background:var(--altin);border-color:var(--altin);color:var(--gece)}
.dugme.altin:hover{background:#D8B363}
.dugme.acik{background:transparent;border-color:#5B6A8C;color:#E9ECF3}
.dugme.acik:hover{background:rgba(255,255,255,.08)}
.dugme.kucuk{padding:.4rem .9rem;font-size:.92rem}
.dugme[disabled]{opacity:.45;cursor:not-allowed}
.baglanti{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:inherit}

/* açılış */
.acilis{background:var(--lacivert);color:#EEF1F7;position:relative;overflow:hidden}
.acilis::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 78% 42%, rgba(201,162,75,.16), transparent 46%),
  repeating-linear-gradient(0deg, transparent 0 63px, rgba(201,162,75,.10) 63px 64px);pointer-events:none}
.acilis-ic{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center;max-width:78rem;margin:0 auto;padding:clamp(3rem,8vw,6.5rem) clamp(1rem,4vw,3rem)}
.acilis h1{font-size:clamp(2.3rem,1.4rem + 3.6vw,4.4rem);font-weight:500;letter-spacing:-.025em;line-height:1.04}
.acilis p{font-size:1.15rem;color:#C9D0E0;margin:1.5rem 0 2.2rem;max-width:34rem}
.acilis .eylem{display:flex;gap:1rem;flex-wrap:wrap}
.numune{text-align:center}
.acilis .numune-kelime{max-width:none;font-family:var(--os);direction:rtl;font-size:clamp(7rem,6rem + 12vw,15rem);line-height:1.25;color:var(--altin);margin:0;font-weight:400}
.numune-ayri{display:flex;flex-direction:row-reverse;justify-content:center;gap:clamp(.8rem,2.5vw,2rem);margin-top:.5rem;padding-top:1.4rem;border-top:1px solid rgba(201,162,75,.45)}
.numune-ayri div{display:flex;flex-direction:column;align-items:center;gap:.1rem}
.numune-ayri .os{font-size:2.6rem;line-height:1.4;color:#fff}
.numune-ayri small{color:#AEB8D0;font-size:.9rem}
.acilis .numune-okunus{margin:1.2rem auto 0;color:#C9D0E0;font-style:italic;font-size:1.05rem}
@media (prefers-reduced-motion:no-preference){
  .numune-kelime{animation:belir 1.4s cubic-bezier(.2,.7,.2,1) both}
  .numune-ayri div{animation:belir .7s both}
  .numune-ayri div:nth-child(1){animation-delay:.9s}.numune-ayri div:nth-child(2){animation-delay:1.05s}.numune-ayri div:nth-child(3){animation-delay:1.2s}.numune-ayri div:nth-child(4){animation-delay:1.35s}
  @keyframes belir{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}

/* genel sayfa */
.sayfa{max-width:66rem;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem) 5rem}
.sayfa.dar{max-width:48rem}
.sayfa-bas{margin-bottom:2.5rem}
.sayfa-bas h1{font-size:clamp(2rem,1.5rem + 2vw,3rem);font-weight:500;letter-spacing:-.02em}
.sayfa-bas p{color:var(--soluk);margin-top:.8rem}
.geri{display:inline-block;margin-bottom:1.5rem;color:var(--soluk);text-underline-offset:3px}

/* yol */
.seviye{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:0 2rem;padding:2.2rem 0;border-top:1px solid var(--cizgi)}
.seviye:first-of-type{border-top:2px solid var(--lacivert)}
.seviye-no{font-size:3.4rem;font-weight:300;line-height:1;color:var(--altin-koyu);font-variant-numeric:lining-nums}
.seviye h2{font-size:1.6rem}
.seviye .ozet{color:var(--soluk);margin:.35rem 0 1.2rem}
.dersler{list-style:none;margin:0;padding:0}
.dersler li{border-top:1px solid var(--cizgi)}
.ders{display:grid;grid-template-columns:1.6rem minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.85rem .4rem;text-decoration:none;width:100%;background:none;border:0;text-align:left}
a.ders:hover{background:rgba(20,38,74,.05)}
.ders .imi{width:1.05rem;height:1.05rem;border-radius:50%;border:2px solid var(--lacivert);justify-self:center}
.ders.gecildi .imi{background:var(--cini);border-color:var(--cini)}
.ders.acik .imi{border-color:var(--altin-koyu);box-shadow:0 0 0 4px rgba(201,162,75,.28)}
.ders.kilitli .imi,.ders.hazirlaniyor .imi{border-color:#A9B1B0;border-style:dashed}
.ders.kilitli,.ders.hazirlaniyor{color:#7C8496}
.ders .ad{font-weight:600}
.ders .alt-not{display:block;font-weight:400;color:var(--soluk);font-size:.95rem}
.ders .alt-not.os{font-size:1.3rem;line-height:1.5;text-align:left;direction:rtl;unicode-bidi:plaintext}
.ders .durum{font-size:.92rem;color:var(--soluk);white-space:nowrap}
.ders.gecildi .durum{color:var(--cini)}
.ders.acik .durum{color:var(--altin-koyu);font-weight:600}
.katla summary{cursor:pointer;color:var(--soluk);padding:.6rem 0}

/* ders sayfası: cetvelli yaprak */
.yaprak{background:var(--ak);padding:clamp(1.5rem,4vw,3.2rem);border:1px solid var(--altin);outline:1px solid var(--altin);outline-offset:5px;margin:6px}
.yaprak h1{font-size:clamp(1.8rem,1.4rem + 1.6vw,2.6rem);font-weight:500;letter-spacing:-.015em}
.yaprak .kunye{color:var(--lal);margin-bottom:.6rem}
.yaprak .govde{margin-top:2rem}
.harf-cizelge{width:100%;border-collapse:collapse;margin:1.6rem 0 2rem}
.harf-cizelge th{font-weight:600;font-size:.9rem;color:var(--soluk);text-align:center;padding:.4rem;border-bottom:1.5px solid var(--lacivert)}
.harf-cizelge th:first-child,.harf-cizelge td:first-child{text-align:left}
.harf-cizelge td{text-align:center;padding:.5rem .4rem;border-bottom:1px solid var(--cizgi);vertical-align:middle}
.harf-cizelge td.os{font-size:2.5rem;line-height:1.5;direction:rtl}
.harf-cizelge td.yalin{color:var(--lacivert);font-size:3rem}
.harf-cizelge .ad{font-weight:600;display:block}
.harf-cizelge .ses{color:var(--soluk);font-size:.92rem}
.dizi{margin:1.5rem 0;padding:1.2rem 1.5rem;background:var(--lacivert);color:#fff;text-align:center}
.dizi .os{font-size:3rem;color:var(--altin);display:block;word-spacing:.5em;line-height:1.6}
.dizi small{color:#C9D0E0;font-size:.95rem}
.ornekler{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:0;margin:1.5rem 0 2rem;border-top:1.5px solid var(--lacivert)}
.ornek{padding:.9rem .8rem;border-bottom:1px solid var(--cizgi)}
.ornek .os{font-size:2.3rem;display:block;line-height:1.6}
.ornek .la{font-style:italic}
.ornek .ac{display:block;color:var(--soluk);font-size:.9rem;line-height:1.4}
.not{border-left:3px solid var(--lal);padding:.2rem 0 .2rem 1.1rem;color:#3B445E;margin:1.5rem 0}
.cizelge{border-collapse:collapse;margin:1.5rem 0 2rem;min-width:min(100%,24rem)}
.cizelge th{font-size:.9rem;color:var(--soluk);text-align:left;padding:.4rem 1.2rem .4rem 0;border-bottom:1.5px solid var(--lacivert);font-weight:600}
.cizelge td{padding:.45rem 1.2rem .45rem 0;border-bottom:1px solid var(--cizgi)}
.cizelge td.os{font-size:1.9rem;line-height:1.6;text-align:left;direction:rtl;unicode-bidi:plaintext}
.yaprak .son{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--cizgi);display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.yaprak .son p{margin:0;color:var(--soluk);flex:1;min-width:14rem}

/* sınav */
.sinav{max-width:44rem;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,2rem) 5rem}
.ilerleyis{display:flex;gap:5px;margin-bottom:2rem}
.ilerleyis i{flex:1;height:5px;background:#CDD3D0}
.ilerleyis i.d{background:var(--cini)}.ilerleyis i.y{background:var(--lal)}.ilerleyis i.s{background:var(--altin)}
.soru-no{color:var(--soluk);margin-bottom:.4rem}
.soru-metin{font-size:1.35rem;font-weight:500;line-height:1.35;margin:0 0 1.5rem}
.gosterge{background:var(--ak);border:1px solid var(--altin);outline:1px solid var(--altin);outline-offset:4px;margin:5px 5px 2rem;min-height:11rem;display:flex;align-items:center;justify-content:center;padding:1rem}
.gosterge .os{font-size:clamp(4.5rem,3rem + 8vw,7.5rem);line-height:1.5;color:var(--lacivert)}
.gosterge .tr{font-size:2.6rem;font-weight:500}
.secenekler{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.secenek{border:1.5px solid var(--lacivert);background:var(--ak);padding:.9rem 1rem;border-radius:3px;cursor:pointer;font-size:1.1rem;min-height:4rem;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.3}
.secenek.os{font-size:2.5rem;line-height:1.4}
.secenek:hover:not([disabled]){background:#E3E8EF}
.secenek[disabled]{cursor:default;opacity:.55}
.secenek.dogru{background:var(--cini-acik);border-color:var(--cini);opacity:1;box-shadow:inset 0 0 0 1.5px var(--cini)}
.secenek.yanlis{background:var(--lal-acik);border-color:var(--lal);opacity:1}
.yaz-alan{display:flex;gap:.8rem}
.yaz-alan input{flex:1;padding:.8rem 1rem;border:1.5px solid var(--lacivert);border-radius:3px;background:var(--ak);font-size:1.3rem;min-width:0}
.sonuc-serit{margin-top:1.5rem;padding:1rem 1.2rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;border-left:4px solid}
.sonuc-serit.d{background:var(--cini-acik);border-color:var(--cini)}
.sonuc-serit.y{background:var(--lal-acik);border-color:var(--lal)}
.sonuc-serit strong{display:block}
.sonuc-serit p{margin:0}
.sonuc-serit .os{font-size:1.7rem;line-height:1.3;margin:0 .2em}
.sonuc-serit .dy{display:block;margin-bottom:.15rem}
.bitis{text-align:center;padding:2rem 0}
.bitis .puan{font-size:clamp(4rem,3rem + 6vw,7rem);font-weight:300;line-height:1;color:var(--lacivert);font-variant-numeric:lining-nums}
.bitis.gecti .puan{color:var(--cini)}
.bitis h1{font-size:1.9rem;margin:1rem 0 .6rem;font-weight:500}
.bitis p{margin:0 auto 2rem;color:var(--soluk)}
.bitis .eylem{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* kütüphane */
.liste{border-top:2px solid var(--lacivert)}
.satir{display:grid;grid-template-columns:9rem 7rem minmax(0,1fr);gap:1.2rem;padding:1rem .2rem;border-bottom:1px solid var(--cizgi);align-items:baseline}
.satir .ad{font-weight:600;font-style:italic}
.satir .os{font-size:1.8rem;line-height:1.3}
.satir .tur{color:var(--soluk);font-size:.92rem;display:block;font-style:normal;font-weight:400}
.satir .ornek-os{font-size:1.35rem;line-height:1.9;color:#2B3552;text-align:left;direction:rtl;unicode-bidi:plaintext}
.satir .ornek-os bdi{font-family:var(--tr);font-size:.95rem;font-style:italic;color:var(--soluk)}
.grup-bas{font-size:1.25rem;margin:2.5rem 0 .8rem}
.bab{padding:1.8rem 0;border-bottom:1px solid var(--cizgi);display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1.5rem}
.bab .os.buyuk{font-size:3rem;line-height:1.3;color:var(--lacivert);display:block}
.bab h2{font-size:1.3rem;font-style:italic}
.bab .os.buyuk{text-align:left}
.bab .kalip{font-size:1.7rem;line-height:1.3;margin-left:.4rem}
.kart dl:empty{display:none}
.bab dl{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.3rem 1rem;margin:0}
.bab dt{color:var(--soluk);font-size:.95rem}
.bab dd{margin:0}
.bab dd.os{font-size:1.35rem;text-align:left;unicode-bidi:plaintext}
.ara{display:flex;gap:.8rem;margin-bottom:1rem;flex-wrap:wrap}
.ara input{flex:1;min-width:14rem;padding:.75rem 1rem;border:1.5px solid var(--lacivert);border-radius:3px;background:var(--ak);font-size:1.1rem}
.suzgec{color:var(--soluk);margin-bottom:1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.kelimeler{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));border-top:2px solid var(--lacivert)}
.kelime{background:none;border:0;border-bottom:1px solid var(--cizgi);padding:.8rem .7rem;text-align:left;cursor:pointer;display:block;width:100%}
.kelime:hover{background:rgba(20,38,74,.05)}
.kelime .os{font-size:1.9rem;display:block;line-height:1.5;text-align:left;unicode-bidi:plaintext}
.kelime .la{font-style:italic;font-weight:600}
.kelime .an{display:block;color:var(--soluk);font-size:.9rem;line-height:1.35}
.rozet{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--lal);margin:0 .35rem;vertical-align:middle}
.sayfalama{display:flex;gap:1rem;align-items:center;justify-content:center;margin-top:2rem}
.bos{padding:3rem 0;color:var(--soluk)}

/* ayrıntı sayfaları */
.kunye-bas{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;background:var(--lacivert);color:#EEF1F7;padding:clamp(1.5rem,4vw,3rem);margin-bottom:1rem}
.kunye-bas .dev{font-size:clamp(4rem,3rem + 6vw,7.5rem);line-height:1.5;color:var(--altin);min-width:8rem;text-align:center}
.kunye-bas h1{font-size:clamp(1.8rem,1.4rem + 1.6vw,2.7rem);font-weight:500}
.kunye-bas .tur-adi{color:#C9A24B;margin:0 0 .3rem}
.kunye-bas p{color:#C9D0E0;margin:.6rem 0 0}
.bolum{margin-top:2.6rem}
.bolum>h2{font-size:1.35rem;margin-bottom:.3rem}
.bolum>h2 a{text-decoration-color:var(--altin);text-underline-offset:4px}
.bolum .aciklama{color:var(--soluk);margin:0 0 .9rem}
.bolum .kelimeler{margin-top:.8rem}
.kunye-kutu dl{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.8rem 1.5rem;margin:0;padding:1.4rem 0;border-top:2px solid var(--lacivert);border-bottom:1px solid var(--cizgi)}
.kunye-kutu dt{color:var(--soluk)}
.kunye-kutu dd{margin:0}
.kunye-kutu dl:empty{display:none}
.kunye-kutu a,.kart dl a{text-decoration-color:var(--altin);text-underline-offset:4px;text-decoration-thickness:1.5px}
.kalip{font-size:1.6rem;line-height:1.3;margin-left:.3rem}
.kok-bag{font-size:1.7rem;line-height:1.3;word-spacing:.15em}
.etiketler{display:flex;flex-wrap:wrap;gap:.6rem}
.etiket{border:1.5px solid var(--lacivert);padding:.3rem .9rem;border-radius:3px;text-decoration:none;display:inline-flex;gap:.5rem;align-items:center;background:var(--ak)}
.etiket:hover{background:#E3E8EF}
.etiket .os,.etiket.os{font-size:1.4rem;line-height:1.5}
.ornek-blok{max-width:none;border-top:2px solid var(--lacivert);padding-top:.8rem}
a.satir.tik,a.bab.tik{text-decoration:none}
a.satir.tik:hover,a.bab.tik:hover{background:rgba(20,38,74,.05)}
.cizelge.genis{width:100%}
.satir-kelime{background:none;border:0;padding:0;cursor:pointer;text-align:left}
.satir-kelime .os{font-size:1.7rem;line-height:1.4}
.satir-kelime:hover i{text-decoration:underline;text-decoration-color:var(--altin)}
.kokler{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));border-top:2px solid var(--lacivert)}
.kok-kutu{display:block;text-decoration:none;padding:.9rem .7rem;border-bottom:1px solid var(--cizgi)}
.kok-kutu:hover{background:rgba(20,38,74,.05)}
.kok-kutu .os{font-size:2.1rem;display:block;line-height:1.5;text-align:left;unicode-bidi:plaintext;color:var(--lacivert);word-spacing:.15em}
.kok-kutu .sayi{font-weight:600;display:block}
.kok-kutu .an{display:block;color:var(--soluk);font-size:.9rem;line-height:1.35;font-style:italic}
.kart-son{margin:1.4rem 0 0;text-align:center;max-width:none}

/* kelime kartı */
.kart{border:1px solid var(--altin);outline:1px solid var(--altin);outline-offset:4px;background:var(--ak);color:var(--murekkep);padding:0;width:min(34rem,calc(100vw - 2.5rem));max-height:calc(100vh - 3rem)}
.kart::backdrop{background:rgba(12,25,51,.6)}
.kart-ic{padding:1.8rem 2rem 2rem}
.kart .kapat{position:absolute;top:.6rem;right:.8rem;background:none;border:0;font-size:1.6rem;cursor:pointer;line-height:1;padding:.3rem .5rem}
.kart .buyuk{font-size:4.2rem;line-height:1.5;color:var(--lacivert);text-align:center;display:block}
.kart h2{text-align:center;font-style:italic;font-size:1.5rem;font-weight:500}
.kart .anlam{text-align:center;margin:.5rem auto 1.3rem;color:#3B445E}
.kart dl{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.45rem 1rem;margin:0;padding-top:1.2rem;border-top:1px solid var(--cizgi)}
.kart dt{color:var(--soluk);font-size:.95rem}
.kart dd{margin:0}
.kart .yakin{display:flex;flex-wrap:wrap;gap:.3rem .9rem}
.kart .yakin button{background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--altin);text-underline-offset:4px}
.kart .yakin .os{font-size:1.35rem;line-height:1.4}

/* giriş */
.form{display:grid;gap:1.1rem;max-width:26rem}
.form label{display:grid;gap:.3rem;font-weight:600}
.form input{padding:.75rem .9rem;border:1.5px solid var(--lacivert);border-radius:3px;background:var(--ak);font-weight:400}
.form small{font-weight:400;color:var(--soluk)}
.uyari{background:var(--lal-acik);border-left:4px solid var(--lal);padding:.7rem 1rem;margin:0 0 1rem}
.bilgi{background:var(--cini-acik);border-left:4px solid var(--cini);padding:.7rem 1rem;margin:0 0 1rem}

.alt{background:var(--gece);color:#AEB8D0;padding:2rem clamp(1rem,4vw,3rem);font-size:.95rem}
.alt p{margin:0 auto;max-width:66rem}

@media (max-width:820px){
  .ust{flex-wrap:wrap;gap:.6rem 1.2rem;position:static}
  .gezinme{order:3;flex-basis:100%;gap:1.1rem;font-size:.97rem}
  .hesap{margin-left:auto}
  .acilis-ic{grid-template-columns:1fr}
  .numune{order:-1}
  .acilis .numune-kelime{font-size:clamp(6rem,30vw,10rem)}
  .seviye{grid-template-columns:1fr;gap:.4rem}
  .seviye-no{font-size:2.4rem}
  .satir{grid-template-columns:1fr 1fr;gap:.3rem 1rem}
  .kunye-bas{grid-template-columns:1fr;text-align:center}
  .kunye-kutu dl{grid-template-columns:1fr;gap:0}
  .kunye-kutu dd{margin-bottom:.8rem}
  .satir .ornek-os{grid-column:1/-1}
  .bab{grid-template-columns:1fr;gap:.6rem}
  .bab dl,.kart dl{grid-template-columns:1fr;gap:0}
  .bab dd,.kart dd{margin-bottom:.6rem}
  .harf-cizelge td.os{font-size:1.9rem}.harf-cizelge td.yalin{font-size:2.2rem}
  .harf-cizelge th,.harf-cizelge td{padding:.35rem .15rem}
}
@media (max-width:460px){
  .secenekler{grid-template-columns:1fr}
  .ders{grid-template-columns:1.4rem minmax(0,1fr)}
  .ders .durum{grid-column:2}
}