:root{
--ana:#151221;
--ana-2:#1b1729;
--yuzey:#211c33;
--yuzey-2:#2a2440;
--kenar:#332c47;
--kenar-2:#453c5e;
--yazi:#eae7f2;
--yazi-2:#a79fbd;
--yazi-3:#8c83a6;
--cam:#4dd9e6;
--cam-koyu:#2ab3c0;
--gul:#f2669b;
--fis:#b9e86d;
--cam-zar:rgba(77,217,230,.12);
--gul-zar:rgba(242,102,155,.12);
--dikme-w:250px;
--cubuk-h:58px;
--gecis:.2s cubic-bezier(.4,0,.2,1);
--metin:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--kod:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--ana);color:var(--yazi);font-family:var(--metin);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,iframe,video{display:block;max-width:100%}
img{height:auto;background:var(--yuzey-2)}
ul,ol{list-style:none}
a{color:var(--cam);text-decoration:none}
a:hover{color:var(--fis)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
table{border-collapse:collapse;width:100%}
address{font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:650;line-height:1.22;letter-spacing:-.012em;color:#fff}
h1{font-size:clamp(1.9rem,1.3rem + 2.4vw,2.9rem)}
h2{font-size:clamp(1.35rem,1.1rem + 1.1vw,1.85rem)}
h3{font-size:clamp(1.08rem,1rem + .4vw,1.3rem)}
h4{font-size:1rem}
h5{font-family:var(--kod);font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cam)}
h6{font-family:var(--kod);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--yazi-3)}
p{margin:0 0 1.15em}
:focus-visible{outline:2px solid var(--fis);outline-offset:3px}
::selection{background:var(--gul);color:#1a0a12}

.atlama{position:fixed;left:14px;top:-70px;z-index:200;background:var(--fis);color:#12180a;font-family:var(--kod);font-size:.82rem;font-weight:700;padding:11px 18px;transition:top var(--gecis)}
.atlama:focus{top:14px;color:#12180a}
.sakli{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.iskele{display:grid;grid-template-columns:var(--dikme-w) minmax(0,1fr);min-height:100vh}

.dikme{position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;background:var(--ana-2);border-right:1px solid var(--kenar);padding:24px 18px 34px;scrollbar-width:thin}
.dikme-marka{display:flex;align-items:center;gap:11px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--kenar)}
.dikme-marka:hover{color:inherit}
.dikme-ad{display:block;font-size:1.12rem;font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1.1}
.dikme-ad em{font-style:normal;color:var(--cam)}
.dikme-alt{display:block;margin-top:3px;font-family:var(--kod);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--yazi-3)}
.dikme-grup{margin-bottom:20px}
.dikme-grup > h2{font-family:var(--kod);font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--yazi-3);padding:0 8px 8px}
.dikme-liste{display:grid;gap:1px}
.dikme-bag{display:block;padding:7px 10px;font-size:.9rem;color:var(--yazi-2);border-left:2px solid transparent;transition:color var(--gecis),background var(--gecis),border-color var(--gecis)}
.dikme-bag:hover{background:var(--yuzey);color:var(--yazi);border-left-color:var(--kenar-2)}
.dikme-bag[aria-current]{background:var(--cam-zar);color:var(--cam);border-left-color:var(--cam)}
.dikme-dip{margin-top:26px;padding-top:18px;border-top:1px solid var(--kenar);font-family:var(--kod);font-size:.7rem;line-height:1.7;color:var(--yazi-3)}
.dikme-dip a{color:var(--yazi-2)}
.dikme-dip a:hover{color:var(--cam)}

.govde-alan{min-width:0;display:flex;flex-direction:column}
.ust-cubuk{display:none}
.perdele{position:fixed;inset:0;z-index:50;background:rgba(8,6,14,.78);opacity:0;visibility:hidden;transition:opacity var(--gecis),visibility var(--gecis)}
body.dikme-acik .perdele{opacity:1;visibility:visible}
body.dikme-acik{overflow:hidden}

.kap{width:100%;max-width:1080px;margin-inline:auto;padding-inline:34px}
.dar{max-width:760px}
.blok{padding-block:66px}
.blok-ince{padding-block:36px}
.blok-koyu{background:var(--ana-2)}
.blok-cizgili{border-top:1px solid var(--kenar)}

.patika{font-family:var(--kod);font-size:.76rem;color:var(--yazi-3);margin-bottom:22px;letter-spacing:.02em}
.patika a{color:var(--yazi-2)}
.patika a:hover{color:var(--cam)}
.patika span{margin-inline:7px;color:var(--kenar-2)}

.tepe-blok{padding-block:46px 40px;border-bottom:1px solid var(--kenar);background:linear-gradient(180deg,rgba(77,217,230,.05),transparent 70%)}
.tepe-blok h1{max-width:880px}
.tepe-ozet{max-width:720px;margin-top:18px;color:var(--yazi-2);font-size:1.05rem}

.ustyazi{display:inline-block;font-family:var(--kod);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cam);margin-bottom:14px}
.ustyazi.gul{color:var(--gul)}
.ustyazi.fis{color:var(--fis)}
.basbaslik{max-width:680px;margin-bottom:34px}
.basbaslik p{margin:12px 0 0;color:var(--yazi-2)}

.sayfa-index{position:sticky;top:0;z-index:20;background:rgba(21,18,33,.94);backdrop-filter:blur(9px);border-bottom:1px solid var(--kenar)}
.sayfa-index ol{display:flex;gap:2px;overflow-x:auto;padding-block:9px;scrollbar-width:none}
.sayfa-index ol::-webkit-scrollbar{display:none}
.sayfa-index a{flex:0 0 auto;display:block;padding:6px 13px;font-family:var(--kod);font-size:.76rem;color:var(--yazi-3);border:1px solid transparent;white-space:nowrap}
.sayfa-index a:hover{color:var(--yazi)}
.sayfa-index a[aria-current]{color:var(--cam);border-color:var(--kenar-2);background:var(--cam-zar)}

.dizi{display:grid;gap:22px}
.dizi-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dizi-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dizi-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.yan-yana{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:start}
.yan-yana.ters{grid-template-columns:.85fr 1.15fr}
.sira{display:grid;gap:14px}

.pano{position:relative;background:var(--yuzey);border:1px solid var(--kenar);padding:26px 24px;transition:border-color var(--gecis),transform var(--gecis)}
.pano::before{content:"";position:absolute;inset:-1px -1px auto -1px;height:2px;background:var(--cam);opacity:.7}
.pano.gul::before{background:var(--gul)}
.pano.fis::before{background:var(--fis)}
.pano:hover{border-color:var(--kenar-2);transform:translateY(-2px)}
.pano h3{margin-bottom:9px}.pano h3 a{color:#fff}.pano h3 a:hover{color:var(--cam)}
.pano p{color:var(--yazi-2);font-size:.95rem}
.pano p:last-child{margin-bottom:0}
.pano-no{position:absolute;top:16px;right:18px;font-family:var(--kod);font-size:.78rem;color:var(--kenar-2);letter-spacing:.08em}
.pano-simge{display:block;font-size:1.35rem;color:var(--cam);margin-bottom:14px}
.pano.gul .pano-simge{color:var(--gul)}
.pano.fis .pano-simge{color:var(--fis)}

.olcek{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--kenar)}
.olcek div{padding:22px 18px;border-right:1px solid var(--kenar)}
.olcek div:last-child{border-right:0}
.olcek b{display:block;font-family:var(--kod);font-size:1.85rem;font-weight:600;color:var(--cam);line-height:1}
.olcek span{display:block;margin-top:7px;font-size:.85rem;color:var(--yazi-2)}

.cizelge-kutu{overflow-x:auto;border-block:1px solid var(--kenar);-webkit-overflow-scrolling:touch}.cizelge-not{margin:14px 0 0;font-size:.86rem;color:var(--yazi-3);max-width:640px}
.cizelge{min-width:580px;font-size:.92rem}
.cizelge caption{padding:14px 0;text-align:left;font-family:var(--kod);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--yazi-3);border-bottom:1px solid var(--kenar)}
.cizelge th,.cizelge td{padding:13px 22px 13px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--kenar)}
.cizelge thead th{font-family:var(--kod);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cam);padding-block:11px;white-space:nowrap}
.cizelge tbody th{color:#fff;font-weight:600}
.cizelge td{color:var(--yazi-2)}
.cizelge tbody tr:last-child th,.cizelge tbody tr:last-child td{border-bottom:0}
.cizelge tbody tr:hover td,.cizelge tbody tr:hover th{background:rgba(77,217,230,.04)}

.kade-akis{display:grid;gap:0;border-top:1px solid var(--kenar)}
.kade{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;padding-block:24px;border-bottom:1px solid var(--kenar)}
.kade-no{font-family:var(--kod);font-size:1.5rem;font-weight:600;color:var(--kenar-2);line-height:1}
.kade h3{margin-bottom:7px}
.kade p{color:var(--yazi-2);font-size:.96rem;margin-bottom:0}

.ikaz{display:grid;grid-template-columns:26px minmax(0,1fr);gap:16px;padding:20px 22px;background:var(--yuzey);border-left:3px solid var(--cam)}
.ikaz.gul{border-left-color:var(--gul)}
.ikaz.fis{border-left-color:var(--fis)}
.ikaz i{font-size:1.05rem;color:var(--cam);margin-top:4px}
.ikaz.gul i{color:var(--gul)}
.ikaz.fis i{color:var(--fis)}
.ikaz h4{margin-bottom:6px}
.ikaz p{color:var(--yazi-2);font-size:.94rem;margin-bottom:0}
.ikaz p + p{margin-top:9px}

.kenar-not{margin:0 0 26px;padding-left:20px;border-left:2px solid var(--kenar-2);color:var(--yazi-3);font-size:.93rem;font-style:italic}

.terim-dizin{display:grid;border-top:1px solid var(--kenar)}
.terim-dizin > div{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;padding-block:15px;border-bottom:1px solid var(--kenar)}
.terim-dizin dt{font-family:var(--kod);font-size:.86rem;color:var(--cam);letter-spacing:.02em;padding-top:2px}
.terim-dizin dd{color:var(--yazi-2);font-size:.95rem}

.okuma{font-size:1.02rem}
.okuma h2{margin:44px 0 15px;font-size:clamp(1.3rem,1.1rem + .9vw,1.7rem)}
.okuma h2::before{content:"";display:block;width:44px;height:2px;background:var(--gul);margin-bottom:15px}
.okuma h3{margin:28px 0 10px;color:var(--cam)}
.okuma h4{margin:22px 0 8px;color:var(--fis)}
.okuma p{color:#d9d4e6}
.okuma strong{color:#fff;font-weight:650}
.okuma > ul{display:grid;gap:9px;margin:0 0 22px}
.okuma > ul li{position:relative;padding-left:22px;color:#d9d4e6}
.okuma > ul li::before{content:"–";position:absolute;left:0;top:0;font-family:var(--kod);color:var(--cam)}
.okuma > ol{counter-reset:sy;display:grid;gap:11px;margin:0 0 22px}
.okuma > ol li{counter-increment:sy;position:relative;padding-left:34px;color:#d9d4e6}
.okuma > ol li::before{content:counter(sy,decimal-leading-zero);position:absolute;left:0;top:.1em;font-family:var(--kod);font-size:.82rem;color:var(--gul)}
.okuma blockquote{margin:0 0 26px;padding:18px 22px;background:var(--yuzey);border-left:3px solid var(--fis);color:var(--yazi-2)}
.okuma figure{margin:0 0 28px}
.okuma figure img{width:100%;border:1px solid var(--kenar)}
.okuma figcaption{margin-top:9px;font-family:var(--kod);font-size:.75rem;color:var(--yazi-3);letter-spacing:.02em}
.okuma .cizelge-kutu,.okuma .ikaz,.okuma .terim-dizin{margin-bottom:28px}

.deney-kart{display:flex;flex-direction:column;background:var(--yuzey);border:1px solid var(--kenar);transition:border-color var(--gecis)}
.deney-kart:hover{border-color:var(--cam)}
.deney-gorsel{aspect-ratio:5/4;overflow:hidden;background:var(--yuzey-2);border-bottom:1px solid var(--kenar)}
.deney-gorsel img{width:100%;height:100%;object-fit:cover}
.deney-ic{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.deney-etiket{font-family:var(--kod);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gul)}
.deney-ic h3{font-size:1.1rem}
.deney-ic h3 a{color:#fff}
.deney-ic h3 a:hover{color:var(--cam)}
.deney-ic p{color:var(--yazi-2);font-size:.92rem;flex:1;margin:0}
.deney-kunye{display:flex;flex-wrap:wrap;gap:14px;padding-top:10px;border-top:1px solid var(--kenar);font-family:var(--kod);font-size:.75rem;color:var(--yazi-3)}
.deney-kunye b{color:var(--cam);font-weight:600}.yazi-kunye{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;padding-top:16px;border-top:1px solid var(--kenar);font-family:var(--kod);font-size:.78rem;letter-spacing:.04em;color:var(--yazi-3);max-width:760px}.yazi-kunye span:first-child{color:var(--cam)}.deney-genis{flex-direction:row;margin-bottom:24px}.deney-genis .deney-gorsel{flex:0 0 330px;aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--kenar)}.deney-genis .deney-ic{padding:26px 28px;gap:12px}.deney-genis h2{margin:0;font-size:1.3rem;line-height:1.32}.deney-genis h2 a{color:#fff}.deney-genis h2 a:hover{color:var(--cam)}@media(max-width:760px){.deney-genis{flex-direction:column}.deney-genis .deney-gorsel{flex:auto;aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--kenar)}}

.not-kart{display:flex;flex-direction:column;border:1px solid var(--kenar);background:var(--yuzey)}
.not-kart .kapak{aspect-ratio:21/9;overflow:hidden;background:var(--yuzey-2)}
.not-kart .kapak img{width:100%;height:100%;object-fit:cover}
.not-kart .ic{padding:20px;display:grid;gap:9px}
.not-kart h3{font-size:1.05rem}
.not-kart h3 a{color:#fff}
.not-kart h3 a:hover{color:var(--cam)}
.not-kart p{color:var(--yazi-2);font-size:.9rem;margin:0}
.not-etiket{font-family:var(--kod);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fis)}.duyuru-dizi{display:grid;gap:16px}.duyuru-kart{border:1px solid var(--kenar);border-left:3px solid var(--cam);background:var(--yuzey);padding:22px 26px;display:grid;gap:9px}.duyuru-kart h2{margin:0;font-size:1.16rem;line-height:1.34;color:#fff}.duyuru-kart time{font-family:var(--kod);font-size:.75rem;letter-spacing:.06em;color:var(--yazi-3)}.duyuru-kart p{margin:0;color:var(--yazi-2);font-size:.94rem}@media(max-width:560px){.duyuru-kart{padding:18px 18px}}

.kare-dizi{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.kare{position:relative;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--kenar);background:var(--yuzey-2)}
.kare img{width:100%;height:100%;object-fit:cover}
.kare figcaption{position:absolute;inset:auto 0 0 0;padding:20px 10px 8px;background:linear-gradient(0deg,rgba(10,8,17,.94),transparent);font-family:var(--kod);font-size:.7rem;color:#fff;letter-spacing:.04em}

.genis-resim{border:1px solid var(--kenar);background:var(--yuzey-2);aspect-ratio:21/9;overflow:hidden}
.genis-resim img{width:100%;height:100%;object-fit:cover}

.soru-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
.soru-izgara h3{font-size:1rem;margin-bottom:7px;color:#fff}
.soru-izgara h3::before{content:"?";font-family:var(--kod);color:var(--gul);margin-right:8px}
.soru-izgara p{color:var(--yazi-2);font-size:.93rem;margin:0}

.tus{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;font-family:var(--kod);font-size:.84rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;transition:background var(--gecis),color var(--gecis),border-color var(--gecis)}
.tus-cam{background:var(--cam);color:#0a1d20}
.tus-cam:hover{background:var(--fis);color:#12180a}
.tus-cizgi{border-color:var(--kenar-2);color:var(--yazi)}
.tus-cizgi:hover{border-color:var(--cam);color:var(--cam)}
.tus-metin{padding:0;color:var(--cam);border-bottom:1px solid var(--kenar-2);text-transform:none;letter-spacing:.02em}
.tus-metin:hover{border-bottom-color:var(--fis)}
.tus-oba{display:flex;flex-wrap:wrap;gap:14px}

.zincir{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--kenar);border:1px solid var(--kenar)}
.zincir a{display:block;padding:20px;background:var(--ana-2);color:var(--yazi-2);transition:background var(--gecis)}
.zincir a:hover{background:var(--yuzey);color:var(--yazi)}
.zincir span{display:block;font-family:var(--kod);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--yazi-3);margin-bottom:6px}
.zincir b{display:block;color:#fff;font-size:1rem;font-weight:600}

.harita-kutu{aspect-ratio:16/9;border:1px solid var(--kenar);background:var(--yuzey-2);overflow:hidden}
.harita-kutu iframe{width:100%;height:100%;border:0}
.iletisim-satir{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--kenar)}
.iletisim-satir i{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--kenar);color:var(--cam);font-size:1rem}
.iletisim-satir h3{font-size:.95rem;margin-bottom:4px}
.iletisim-satir p,.iletisim-satir address{color:var(--yazi-2);font-size:.93rem;margin:0}
.iletisim-satir small{display:block;margin-top:4px;font-family:var(--kod);font-size:.72rem;color:var(--yazi-3)}

.hata-blok{padding-block:100px;text-align:center}
.hata-no{font-family:var(--kod);font-size:clamp(4rem,2rem + 11vw,8rem);font-weight:600;line-height:.9;color:var(--gul);letter-spacing:-.03em}

.dizin-blok{display:grid;gap:30px}
.dizin-blok h2{font-family:var(--kod);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cam);padding-bottom:9px;border-bottom:1px solid var(--kenar);margin-bottom:13px}
.dizin-blok ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 26px}
.dizin-blok a{color:var(--yazi-2);font-size:.93rem}
.dizin-blok a:hover{color:var(--cam)}

.dip{margin-top:auto;background:var(--ana-2);border-top:1px solid var(--kenar)}
.dip-ust{padding-block:38px;border-bottom:1px solid var(--kenar)}
.dip-marka{display:inline-block;margin-top:30px}
.dip-marka img{width:160px;max-width:100%;height:auto;background:transparent}
.kunye-cizelge{width:100%;font-size:.9rem}
.kunye-cizelge th{width:170px;text-align:left;padding:9px 20px 9px 0;font-family:var(--kod);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--yazi-3);font-weight:600;vertical-align:top}
.kunye-cizelge td{padding:9px 0;color:var(--yazi-2);vertical-align:top}
.dip-orta{padding-block:34px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.dip-orta h3{font-family:var(--kod);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--yazi-3);margin-bottom:12px}
.dip-orta ul{display:grid;gap:7px}
.dip-orta a{color:var(--yazi-2);font-size:.87rem}
.dip-orta a:hover{color:var(--cam)}
.sosyal-sira{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.sosyal-kare{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--kenar);color:var(--yazi-3);font-size:.92rem;transition:border-color var(--gecis),color var(--gecis)}
.sosyal-kare:hover{border-color:var(--gul);color:var(--gul)}
.dip-alt{padding-block:18px;border-top:1px solid var(--kenar);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;font-family:var(--kod);font-size:.74rem;color:var(--yazi-3)}
.dip-alt nav{display:flex;flex-wrap:wrap;gap:18px}
.dip-alt a{color:var(--yazi-3)}
.dip-alt a:hover{color:var(--cam)}
.yas-not{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--kenar);font-family:var(--kod);font-size:.72rem;color:var(--yazi-2);margin-top:14px}
.yas-not b{color:var(--fis)}

@media (max-width:1240px){
.kap{max-width:none;padding-inline:28px}
.dizi-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.kare-dizi{grid-template-columns:repeat(4,1fr)}
.dip-orta{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:980px){
.iskele{grid-template-columns:minmax(0,1fr)}
.dikme{position:fixed;top:0;left:0;bottom:0;width:min(300px,86vw);height:100dvh;z-index:60;transform:translateX(-101%);transition:transform .26s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--kenar-2)}
body.dikme-acik .dikme{transform:none}
.ust-cubuk{display:flex;position:sticky;top:0;z-index:40;align-items:center;justify-content:space-between;gap:14px;min-height:var(--cubuk-h);padding-inline:22px;background:rgba(21,18,33,.95);backdrop-filter:blur(9px);border-bottom:1px solid var(--kenar)}
.cubuk-marka{display:flex;align-items:center;gap:9px;font-weight:700;color:#fff;font-size:1rem}
.cubuk-marka em{font-style:normal;color:var(--cam)}
.dikme-ac{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--kenar-2);font-family:var(--kod);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--yazi)}
.sayfa-index{top:var(--cubuk-h)}
.yan-yana,.yan-yana.ters{grid-template-columns:minmax(0,1fr);gap:28px}
.dizi-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.soru-izgara{grid-template-columns:minmax(0,1fr);gap:24px}
.zincir{grid-template-columns:minmax(0,1fr)}
.kare-dizi{grid-template-columns:repeat(3,1fr)}
.terim-dizin > div{grid-template-columns:minmax(0,1fr);gap:4px}
.terim-dizin dt{padding-top:0}
.dizin-blok ul{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:560px){
body{font-size:15.5px}
.kap{padding-inline:18px}
.blok{padding-block:44px}
.blok-ince{padding-block:26px}
.tepe-blok{padding-block:30px 26px}
.dizi{gap:16px}
.dizi-2,.dizi-3,.dizi-4{grid-template-columns:minmax(0,1fr)}
.olcek{grid-template-columns:repeat(2,1fr)}
.olcek div{border-bottom:1px solid var(--kenar)}
.olcek div:nth-child(2n){border-right:0}
.olcek div:nth-last-child(-n+2){border-bottom:0}
.olcek b{font-size:1.5rem}
.kare-dizi{grid-template-columns:repeat(2,1fr);gap:7px}
.dip-orta{grid-template-columns:minmax(0,1fr)}
.kunye-cizelge th{width:auto;display:block;padding-bottom:2px}
.kunye-cizelge td{display:block;padding-top:0;padding-bottom:14px}
.dizin-blok ul{grid-template-columns:minmax(0,1fr)}
.dip-marka img{width:130px}
.tus{width:100%;justify-content:center}
.tus-oba{flex-direction:column}
.tus-metin{width:auto}
.kade{grid-template-columns:minmax(0,1fr);gap:8px}
.pano{padding:20px 18px}
.ikaz{grid-template-columns:minmax(0,1fr);gap:9px;padding:18px}
.okuma h2{margin-top:34px}
}

@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*{transition-duration:.01ms !important;animation-duration:.01ms !important}
.pano:hover{transform:none}
}

@media print{
.dikme,.ust-cubuk,.sayfa-index,.dip,.perdele{display:none}
.iskele{grid-template-columns:1fr}
body{background:#fff;color:#000}
}