/* ==== STATİK HİKAYE SAYFALARI — kendi stil dosyası (2026-09-26) ====
   Tüketen: `h/**` altındaki 4.350 ÜRETİLMİŞ sayfa (tools/Site/build_hikaye_sayfalari.py → `<link href="/hikaye-statik.css?v=N">`).

   🔴 NEDEN AYRI DOSYA: sayfalar eskiden `/style.css`'i SÜRÜMSÜZ çağırıyordu. style.css uygulamanın 2.700 satırlık
   ortak tasarım dosyasıdır ve her değişikliğinde önbellek kapısı (tools/Site/onbellek_surum_kapisi.py S2) bu 4.350
   sayfanın HEPSİNİ kırmızı sayıyordu — sonuç: "style.css'e yazılmaz" diye bir tabu doğmuş, yeni stiller yan dosyalara
   dağılmaya başlamıştı. Sayfalar style.css'ten yalnız ~25 satırlık `.hs-*` bloğunu kullanıyordu; üstelik her okuma
   sayfası Google Fonts'u ve bulut süslerini de boşuna yüklüyordu.

   ⚠️ Bu dosya değişirse sürümü üreticide (`STIL_SURUM`) artır ve sayfaları YENİDEN ÜRET — 4.350 sayfa bu damgayı taşır,
   HTML `no-cache`, CSS 1 yıl önbellekte kalır. Uygulama sayfaları bu dosyayı YÜKLEMEZ. */

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
[hidden] { display: none !important; }
html { font-size: 16px; }
img { max-width: 100%; display: block; }
a { text-decoration: none; }

body.hikaye-statik { background: #FBF0D6; margin: 0; min-height: 100vh;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #2b2118; line-height: 1.7; }
.hs-ust, .hs-alt { display: flex; gap: 16px; align-items: center; justify-content: space-between;
  max-width: 760px; margin: 0 auto; padding: 16px; }
.hs-logo { font-weight: 800; font-size: 1.25rem; color: #D94F3D; text-decoration: none; }
.hs-geri, .hs-alt a { color: #2C8A3C; text-decoration: none; font-weight: 600; }
.hs-govde { max-width: 760px; margin: 0 auto; padding: 0 16px 48px; }
.hs-govde h1 { font-size: clamp(1.6rem, 4vw, 2.3rem); line-height: 1.25; margin: 8px 0 4px; }
.hs-meta { color: #7a6a58; font-size: .95rem; margin: 0 0 20px; }
.hs-kapak { width: 100%; max-width: 420px; height: auto; display: block;
  margin: 0 auto 24px; border-radius: 18px; }
.hs-govde p { margin: 0 0 18px; font-size: 1.08rem; }
.hs-ibret { font-style: italic; border-left: 4px solid #2C8A3C; padding-left: 14px; }
.hs-cta { background: #fff; border-radius: 18px; padding: 20px; margin: 28px 0;
  box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.hs-cta p { margin: 0 0 14px; }
.hs-buton { display: inline-block; background: #2C8A3C; color: #fff; text-decoration: none;
  font-weight: 700; padding: 12px 22px; border-radius: 999px; }
.hs-etiket { display: flex; flex-wrap: wrap; gap: 8px; }
.hs-etiket span { background: #fff; border-radius: 999px; padding: 6px 14px; font-size: .9rem; }
@media (prefers-color-scheme: dark) {
  body.hikaye-statik { background: #17130f; color: #ece3d8; }
  .hs-cta, .hs-etiket span { background: #241d17; }
  .hs-meta { color: #a8968180; }
}