:root{--komur:#1c1d22;--komur2:#2b2d34;--kirmizi:#e3000f;--kirmizi2:#b8000c;--metin:#23262b;--soluk:#5d6572;--cizgi:#e2e4e8;--zemin:#f1f2f4;--kart:#fff;--link:#0b5cad;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--metin);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
img{max-width:100%;height:auto}
a{color:var(--link)}
a:focus-visible{outline:3px solid var(--kirmizi);outline-offset:2px}
.kap{width:min(100% - 2rem,1040px);margin-inline:auto}
.dar{width:min(100% - 2rem,760px)}
.atla{position:absolute;left:-999px;top:0;background:#fff;color:var(--metin);padding:.5rem 1rem;z-index:20}
.atla:focus{left:1rem}

.tepe{background:var(--komur);color:#fff}
.tepe-ic{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem;padding-block:.8rem}
.marka{display:inline-flex}
.marka img{display:block;width:178px;height:30px}
.gezinti{display:flex;flex-wrap:wrap;gap:.3rem}
.gezinti a{color:#fff;text-decoration:none;font-size:.92rem;font-weight:600;padding:.38rem .8rem;border-radius:999px}
.gezinti a:hover{background:var(--komur2)}
.gezinti a[aria-current=page]{background:var(--kirmizi)}

.ozet{background:var(--kart);border-bottom:4px solid var(--kirmizi);padding-block:2.2rem 2rem}
h1{font-size:clamp(1.65rem,3vw + .6rem,2.3rem);line-height:1.2;color:var(--komur);margin:.2rem 0 .5rem;font-weight:800;letter-spacing:-.01em}
.yazar{color:var(--soluk);font-size:.9rem;margin:0 0 1rem}
.yazar a{color:inherit}
.ozet p{font-size:1.04rem}
.git-satiri{margin:1.2rem 0 0}
.git{display:inline-block;background:var(--kirmizi);color:#fff;font-weight:700;text-decoration:none;padding:.8rem 1.6rem;border-radius:999px}
.git:hover{background:var(--kirmizi2)}

.metin{background:var(--kart);margin-top:1.6rem;padding:1.4rem 1.5rem .3rem;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.07)}
.sayfa{background:var(--kart);margin-block:2rem 1rem;padding:1.6rem 1.5rem .5rem;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.07)}
h2{font-size:1.28rem;line-height:1.3;color:var(--komur);margin:1.9rem 0 .6rem;padding-left:.75rem;border-left:5px solid var(--kirmizi)}
p{margin:0 0 1.1rem}
.iz{font-size:.86rem;color:var(--soluk);margin-bottom:.5rem}
.iz a{color:var(--soluk)}
.iz span{margin-inline:.35rem}

.komsu{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-block:1.4rem 3rem}
.komsu a{display:block;background:var(--komur);color:#fff;text-decoration:none;padding:.95rem 1.05rem;border-radius:12px;font-weight:700}
.komsu a:hover{background:var(--komur2)}
.komsu small{display:block;color:#c9ccd3;font-weight:400;font-size:.86rem;margin-top:.25rem}

.dip{background:var(--komur);color:#c9ccd3;font-size:.9rem;margin-top:2rem;padding-block:1.6rem 1.2rem}
.dip-ic{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:flex-start;justify-content:space-between}
.dip-aciklama{margin:0;max-width:560px}
.dip-menu{display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.dip a{color:#fff}
.telif{width:100%;margin:.5rem 0 0;font-size:.82rem}
.bulunamadi{text-align:center;padding-block:3rem}
