:root{
    --bg:#0D1420; --surface:#141C2B; --surface-2:#1B2536; --hairline:#2A3448;
    --text:#EAEDF3; --muted:#8D96AC; --brass:#C6A15B;
    --coral:#FF6B4A; --magenta:#D6407A; --violet:#7C4DD9; --azure:#3E8FE0;
    --grad:linear-gradient(120deg, var(--coral), var(--magenta) 45%, var(--violet) 75%, var(--azure));
  }
  /* 🔴 26.08 — AÇIK TEMA PALETİ (eksikti).
     Bu sayfada erken tema scripti `theme-light` sınıfını <html>'e basıyordu ama sınıfın
     CSS KARŞILIĞI YOKTU → sınıf düşüyor, renkler koyu kalıyordu. Kabuk beyaz, iframe
     içindeki araç sayfası siyah görünüyordu (kullanıcı: "altlar hep siyah").
     Değerler index.html'deki palet ile birebir aynı. ⛔ Silme. */
  html.theme-light{
    --bg:#F4F5F7; --surface:#FFFFFF; --surface-2:#EEF0F3; --hairline:#DCE0E6;
    --text:#1B2230; --muted:#5F6775; --brass:#9A7B3F; --brass-dim:#B8A06C;
  }
  html.theme-light body{ background:var(--bg); }

  *{box-sizing:border-box; margin:0; padding:0;}
  body{
    background:
      radial-gradient(1200px 600px at 85% -10%, rgba(198,161,91,0.08), transparent 60%),
      var(--bg);
    color:var(--text); font-family:'Inter',sans-serif; line-height:1.7; min-height:100vh;
    -webkit-font-smoothing:antialiased;
  }
  .wrap{ max-width:820px; margin:0 auto; padding:40px 22px 80px; }
  .topbar{ display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; gap:12px; flex-wrap:wrap; }
  .home-link{
    color:var(--text); text-decoration:none; font-size:13.5px; font-weight:600;
    border:1px solid var(--hairline); background:var(--surface-2); padding:9px 14px; border-radius:9px;
  }
  .home-link:hover{ border-color:var(--brass); }
  h1{
    font-family:'Space Grotesk',sans-serif; font-size:30px; font-weight:700; margin-bottom:6px;
    background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .updated{ color:var(--muted); font-size:13px; margin-bottom:28px; }
  h2{
    font-family:'Space Grotesk',sans-serif; font-size:19px; font-weight:600; margin:30px 0 10px;
    color:var(--brass);
  }
  p{ margin-bottom:12px; color:var(--text); font-size:15px; }
  ul{ margin:0 0 14px 22px; color:var(--text); font-size:15px; }
  li{ margin-bottom:7px; }
  a{ color:var(--azure); }
  .card{ background:var(--surface); border:1px solid var(--hairline); border-radius:14px; padding:26px 28px; }
  .footer-note{ margin-top:26px; color:var(--muted); font-size:13px; }
  strong{ color:var(--text); }

/* Legal copy remains readable and wraps on narrow viewports. */
.wrap{width:100%;min-width:0}p,li,td,a{overflow-wrap:anywhere}