/* Trendizm — temel sıfırlama ve tipografi */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--yazi); font-weight: var(--kalin-govde); font-optical-sizing: auto; font-size: var(--fs-md); line-height: 1.6; color: var(--metin); background: var(--zemin); -webkit-font-smoothing: antialiased; }
img, svg, video { display: block; max-width: 100%; height: auto; }
a { color: var(--ana); text-decoration: none; }
a:hover { color: var(--ana-koyu); }
h1, h2, h3, h4, h5 { margin: 0; line-height: 1.15; font-weight: var(--kalin-baslik); text-wrap: balance; letter-spacing: var(--harf-baslik); }
h3, h4, h5 { font-weight: 700; letter-spacing: -.02em; }
b, strong { font-weight: 700; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--ana) 45%, transparent); outline-offset: 2px; }
[hidden] { display: none !important; }

.kap { width: 100%; max-width: var(--genislik); margin-inline: auto; padding-inline: var(--b-4); }
.gizli-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rakam { font-variant-numeric: tabular-nums; }
.ust-etiket { font-size: var(--fs-xs); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ana); }
.soluk { color: var(--metin-2); }