/* 2. TEMEL: sıfırlama, tipografi, kapsayıcı, arka plan */

html { scroll-behavior: smooth; scroll-padding-top: 120px; }
body {
  overflow-x: clip;
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font);
  font-optical-sizing: auto;
  font-size: var(--fs-base);
  line-height: var(--lh-body);
  font-kerning: normal;
  font-synthesis: none;            /* sahte kalın/italik üretme: değişken yazı tipinin kendi eksenleri kullanılır */
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  transition: background-color .3s, color .3s;
}
/* telefon çentiği bandı */
body::before {
  content: "";
  position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px);
  z-index: 1100; background: var(--bg);
}
a { text-decoration: none; }
h1, h2, h3, h4, p, ul, ol { margin: 0; }
ul, ol { padding: 0; list-style: none; }
h1, h2, h3, h4 { font-weight: var(--fw-bold); line-height: var(--lh-snug); letter-spacing: var(--tr-heading); text-wrap: balance; }
p { text-wrap: pretty; }
strong, b { font-weight: var(--fw-bold); }
/* Karanlık zeminde açık yazı optik olarak kalın görünür: grade yerine hafif ağırlık telafisi */
[data-bs-theme="dark"] body { font-weight: 380; }
:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; border-radius: 8px; }
/* Bootstrap bileşenleri odak halkasını sıfırlıyor (outline: 0): tema halkasını daha yüksek özgüllükle geri ver */
.btn:focus-visible, .btn-close:focus-visible, .nav-link:focus-visible, .dropdown-item:focus-visible,
.form-check-input:focus-visible, .btn-check:focus-visible + .btn { outline: 2px solid var(--ink); outline-offset: 3px; box-shadow: none; }
.dropdown-item:focus-visible { outline-offset: -2px; }
main:focus { outline: 0; }

/* İçeriğe geç bağlantısı: yalnızca klavye odağında görünür */
.skip-link { position: fixed; z-index: 1200; top: 8px; left: 8px; padding: 12px 20px; border-radius: 999px; background: var(--chip-bg); color: var(--chip-fg); font-weight: 700; transform: translateY(-200%); transition: transform .2s; }
.skip-link:focus { transform: none; color: var(--chip-fg); }

.ambient {
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(52% 44% at 88% 0%, var(--amb-1), transparent 64%),
    radial-gradient(50% 50% at 0% 30%, var(--amb-2), transparent 66%),
    radial-gradient(50% 42% at 76% 96%, var(--amb-3), transparent 64%);
}

/* Kapsayıcı: Bootstrap container yerine telefon güvenli alanlı sürüm */
.wrap {
  width: 100%; max-width: 1280px; margin-inline: auto;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
}
@media (min-width: 720px) {
  .wrap {
    padding-left: max(32px, env(safe-area-inset-left, 0px));
    padding-right: max(32px, env(safe-area-inset-right, 0px));
  }
}

/* Izgara aralıkları: Bootstrap .row üzerine */
.row-news { --bs-gutter-x: 1.25rem; --bs-gutter-y: 1.25rem; }
.row-main { --bs-gutter-x: 2rem; --bs-gutter-y: 2.5rem; }
.row-stories { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; }
@media (min-width: 992px) {
  .row-news { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; }
  .row-main { --bs-gutter-x: 2.5rem; }
}

.section { padding-block: 0 var(--section); }

.eyebrow {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ink);
}
.eyebrow::before { content: ""; width: 26px; height: 4px; border-radius: 2px; background: var(--neon); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* Yüksek karşıtlık (Windows) modu: çerçeve ve odak halkaları sistem renkleriyle kalsın */
@media (forced-colors: active) {
  .btn, .form-control, .form-select, .tag-pill, .glass, .card, .cm-bubble { border: 1px solid CanvasText; forced-color-adjust: none; background: Canvas; color: CanvasText; }
  :focus-visible { outline: 3px solid Highlight; outline-offset: 3px; }
  a { color: LinkText; }
  .avatar, .cover { forced-color-adjust: auto; }
}

/* Yazdırma: gezinme, kenar çubuğu, yorum ve etkileşim araçları basılmaz; metin sade ve okunur olur */
@media print {
  .skip-link, header, footer, .ambient, #sidebar, aside, .a-share, .a-rate, .a-comments, .a-related, .a-ai, .cookie, .ticker, .cat-nav, .progress, nav[aria-label="Sayfa yolu"] + .a-tools { display: none !important; }
  html, body { background: #fff !important; color: #000 !important; }
  .entry-content, .a-prose { max-width: none !important; font-size: 12pt; line-height: 1.5; color: #000 !important; }
  .entry-content a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 10pt; overflow-wrap: anywhere; }
  .a-title { font-size: 22pt; color: #000 !important; }
  img, figure, table { break-inside: avoid; max-width: 100% !important; }
  .row-main > * { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
}