/* Yasal bildirim ve gizlilik politikası sayfalarının ortak düzeni.
   Uygulamanın kendi yazı tipini (Inter), renklerini ve temasını kullanır:
   sayfalar app'in localStorage'daki 'theme' tercihini okur, yoksa sistem ayarına uyar. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
  src: url('https://dagilimraporu.com/assets/fonts/inter/inter-v20-latin.woff2?v=2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
  src: url('https://dagilimraporu.com/assets/fonts/inter/inter-v20-latin-ext.woff2?v=2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --red: #8b1a10;
  --red-dark: #6b120c;
  --bg: #f4f4f5;
  --surface: #ffffff;
  --border: #e3e3e6;
  --border-soft: #eeeef0;
  --text: #17171a;
  --text-2: #3d3d44;
  --text-3: #6e6e78;
  --link: #8b1a10;
  color-scheme: light;
}
html[data-theme="dark"] {
  --red: #d24a3c;
  --red-dark: #4a0c08;
  --bg: #0e0f12;
  --surface: #16181d;
  --border: #272930;
  --border-soft: #1e2026;
  --text: #ececef;
  --text-2: #c3c4cb;
  --text-3: #8d8e97;
  --link: #f0a49b;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    --red: #d24a3c;
    --red-dark: #4a0c08;
    --bg: #0e0f12;
    --surface: #16181d;
    --border: #272930;
    --border-soft: #1e2026;
    --text: #ececef;
    --text-2: #c3c4cb;
    --text-3: #8d8e97;
    --link: #f0a49b;
    color-scheme: dark;
  }
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 15.5px;
  line-height: 1.75;
  font-feature-settings: 'tnum' 0;
}

/* Üst bant: uygulamanın kendi kırmızısı ve nişanı. */
.doc-top {
  background-image: linear-gradient(135deg, #6b120c 0%, #8b1a10 45%, #a82218 100%);
  color: #fff;
}
.doc-top-inner {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  width: min(980px, 100%); margin: 0 auto; padding: 14px clamp(16px, 4vw, 28px);
}
.doc-brand { display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; min-width: 0; }
.doc-brand img { width: 30px; height: 30px; border-radius: 7px; flex-shrink: 0; }
.doc-brand span { font-weight: 700; font-size: 15px; letter-spacing: -.2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.doc-back { color: rgba(255,255,255,.82); text-decoration: none; font-size: 13px; white-space: nowrap; }
.doc-back:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

main.doc {
  width: min(860px, calc(100% - 32px));
  margin: clamp(20px, 4vw, 40px) auto clamp(40px, 8vw, 72px);
  padding: clamp(24px, 5vw, 44px);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
}

.doc-kicker { margin: 0 0 6px; color: var(--text-3); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.doc h1 { margin: 0 0 14px; font-size: clamp(25px, 4.2vw, 33px); line-height: 1.22; letter-spacing: -.7px; font-weight: 700; }
.doc-lead { margin: 0 0 22px; color: var(--text-2); font-size: 16.5px; line-height: 1.7; }
.doc-meta {
  display: flex; flex-wrap: wrap; gap: 6px 24px;
  margin: 0 0 28px; padding: 14px 16px;
  border: 1px solid var(--border-soft); border-radius: 10px; background: var(--bg);
  color: var(--text-3); font-size: 13px;
}
.doc-meta b { color: var(--text-2); font-weight: 600; }

nav.doc-toc { margin: 0 0 34px; padding: 18px 20px; border: 1px solid var(--border-soft); border-radius: 10px; }
nav.doc-toc h2 { margin: 0 0 10px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--text-3); }
nav.doc-toc ol { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 28px; }
nav.doc-toc li { break-inside: avoid; margin: 0 0 4px; font-size: 13.5px; line-height: 1.6; }
nav.doc-toc a { color: var(--text-2); text-decoration: none; }
nav.doc-toc a:hover { color: var(--link); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 620px) { nav.doc-toc ol { columns: 1; } }

.doc section { margin: 0 0 30px; scroll-margin-top: 24px; }
.doc h2 { margin: 0 0 10px; font-size: 18px; line-height: 1.4; letter-spacing: -.2px; font-weight: 700; }
.doc h3 { margin: 22px 0 8px; font-size: 15.5px; font-weight: 600; color: var(--text); }
.doc p { margin: 0 0 12px; color: var(--text-2); }
.doc ul, .doc ol.doc-list { margin: 0 0 12px; padding-left: 22px; color: var(--text-2); }
.doc li { margin: 0 0 6px; }
.doc strong { color: var(--text); font-weight: 600; }
.doc a { color: var(--link); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
.doc a:hover { text-decoration-thickness: 2px; }
.doc hr { margin: 32px 0; border: 0; border-top: 1px solid var(--border-soft); }

.doc-callout {
  margin: 0 0 26px; padding: 16px 18px;
  border: 1px solid var(--border); border-radius: 10px; background: var(--bg);
}
.doc-callout p:last-child { margin-bottom: 0; }
.doc-callout ul { margin-bottom: 12px; }
/* Özetin bağlayıcı olmadığı kaydı: gövdeden bir tık küçük ve soluk. */
.doc p.doc-note { margin: 0; padding-top: 10px; border-top: 1px solid var(--border-soft); color: var(--text-3); font-size: 13px; line-height: 1.6; }

.doc-foot {
  margin: 34px 0 0; padding: 18px 0 0; border-top: 1px solid var(--border);
  color: var(--text-3); font-size: 13px; line-height: 1.7;
}
.doc-foot p { margin: 0 0 6px; color: var(--text-3); }
.doc-foot a { color: var(--text-3); }

@media print {
  .doc-top, nav.doc-toc { display: none; }
  body { background: #fff; color: #000; font-size: 11pt; }
  main.doc { width: auto; margin: 0; padding: 0; border: 0; background: #fff; }
  .doc a { color: #000; text-decoration: none; }
  .doc section { page-break-inside: avoid; }
}