/* Ortak temel: sıfırlama ve erişilebilirlik. Renk, yazı ve düzen her şablonun kendi dosyasındadır. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--yazi);font-family:var(--govde);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:inherit;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
figure,dl,dd{margin:0}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:1rem;top:-4rem;z-index:100;padding:.6rem 1rem;background:var(--yazi);color:var(--zemin);text-decoration:none}
.atla:focus{top:1rem}
:focus-visible{outline:2px solid var(--odak,currentColor);outline-offset:3px}
/* Açılış dizisinin ortak kabı */
.dizi{position:relative;height:100svh;overflow:hidden}
.dizi-tuval{position:absolute;inset:0;width:100%;height:100%;display:block}
.dizi-not{will-change:opacity,transform}
.dizi-durgun{height:auto}
/* amca.dev önizleme çubuğu */
.pv{position:fixed;left:1rem;bottom:1rem;z-index:90;display:flex;gap:2px;font:600 .8rem/1 system-ui,sans-serif;border-radius:6px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.pv a{padding:.75rem 1rem;background:#1b1b1b;color:#f3f0ea;text-decoration:none;white-space:nowrap}
.pv a:last-child{background:#C93D28;color:#fff}
.pv a:hover{filter:brightness(1.15)}
@media (max-width:760px){.pv{left:50%;transform:translateX(-50%);bottom:.75rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}