:root{
    --w-metin:860px; --r-kart:14px; --r-dugme:8px; --r-hap:999px;
    --bg:#0D1420; --surface:#141C2B; --surface-2:#1B2536; --hairline:#2A3448;
    --text:#EAEDF3; --muted:#8D96AC; --brass:#C6A15B; --brass-dim:#8A7440;
    --coral:#FF6B4A; --magenta:#D6407A; --violet:#7C4DD9; --azure:#3E8FE0;
    --grad:linear-gradient(120deg, var(--coral), var(--magenta) 45%, var(--violet) 75%, var(--azure));
  }
  html.theme-light{ --bg:#F4F5F7; --surface:#FFFFFF; --surface-2:#EEF0F3; --hairline:#DCE0E6; --text:#1B2230; --muted:#5F6775; --brass:#9A7B3F; }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{background:var(--bg);}
  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.6; -webkit-font-smoothing:antialiased; padding-bottom:60px; }
  header.masthead{ max-width:var(--w-metin,860px); margin:0 auto; padding:32px 22px 18px; border-bottom:1px solid var(--hairline); }
  .kirinti{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--muted); margin-bottom:12px; }
  .kirinti a{ color:var(--muted); text-decoration:none; padding:10px 6px; display:inline-block; }
  .kirinti a:hover{ color:var(--brass); }
  h1{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:clamp(26px,5vw,38px); letter-spacing:-0.01em; }
  main{ max-width:var(--w-metin,860px); margin:0 auto; padding:24px 22px; }
  .tanim{ font-size:18px; line-height:1.7; background:var(--surface); border:1px solid var(--hairline);
          border-left:3px solid var(--brass); border-radius:var(--r-kart,14px); padding:18px 20px; margin-bottom:26px; }
  h2{ font-family:'Space Grotesk',sans-serif; font-size:19px; margin:26px 0 10px; }
  p{ color:var(--muted); margin-bottom:12px; }
  .cta{ background:var(--surface); border:1px solid var(--brass-dim); border-radius:var(--r-kart,14px); padding:20px; margin:28px 0; }
  .cta a.btn{ display:inline-block; margin-top:10px; background:var(--grad); color:#fff; font-weight:700;
              text-decoration:none; padding:11px 18px; border-radius:8px; }
  ul.ilgili{ list-style:none; }
  table.sz-tablo{ width:100%; border-collapse:collapse; margin:12px 0 6px; font-size:14px; }
  table.sz-tablo th, table.sz-tablo td{ border:1px solid var(--hairline); padding:7px 10px; text-align:right; }
  table.sz-tablo th:first-child, table.sz-tablo td:first-child{ text-align:left; }
  table.sz-tablo th{ background:var(--surface-2); font-weight:600; }
  .sss p{ margin:0 0 12px; }
  .formul{ font-family:'IBM Plex Mono',monospace; font-size:14px; background:var(--surface-2); border:1px solid var(--hairline); border-radius:var(--r-dugme,8px); padding:10px 12px; margin:8px 0 14px; }
  .sss p{ margin:0 0 12px; }
  ul.ilgili li{ padding:9px 0; border-bottom:1px solid var(--hairline); font-size:14px; color:var(--muted); }
  ul.ilgili a{ color:var(--text); text-decoration:none; font-weight:600; }
  ul.ilgili a:hover{ color:var(--brass); }
  .komsu{ display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-top:30px;
          padding-top:18px; border-top:1px solid var(--hairline); font-size:13px; }
  .komsu a{ color:var(--muted); text-decoration:none; }
  .komsu a:hover{ color:var(--brass); }
  footer{ max-width:var(--w-metin,860px); margin:34px auto 0; padding:18px 22px; border-top:1px solid var(--hairline);
          font-size:12.5px; color:var(--muted); }
  footer a{ color:var(--muted); }
    /* DT-24 mobil taşma emniyeti: sözlük/premium kartlarda tablo ve uzun linkler için yatay kaydırma. */
  main{ overflow-x:auto; }
  table{ max-width:100%; }
  table th, table td{ word-break:break-word; }
  a{ overflow-wrap:anywhere; }