/* Pixfect hukuk ve destek sayfaları — tek stil dosyası.
   Her zaman koyu (uygulama yalnızca koyu temadır), sistem fontu, dış kaynak yok,
   betik yok, çerez yok. Renkler PixfectUI PXColor tokenlarıyla aynıdır. */
:root {
  --surface: #11131b;
  --surface-container: #1d1f28;
  --surface-container-high: #282a32;
  --on-surface: #e1e1ed;
  --on-surface-variant: #d4c0d3;
  --outline: #9d8b9d;
  --outline-variant: #504251;
  --primary: #f3aeff;
  --secondary: #ffb2bc;
  --tertiary: #d4bbff;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--surface);
  color: var(--on-surface);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}
main { max-width: 760px; margin: 0 auto; padding: 32px 20px 72px; }
.top { display: flex; justify-content: space-between; align-items: center; gap: 12px;
       font-size: 14px; color: var(--outline); margin-bottom: 28px; flex-wrap: wrap; }
.top a { color: var(--on-surface-variant); text-decoration: none; }
.brand { font-weight: 700; letter-spacing: 0.02em; color: var(--on-surface); }
.top a.brand { color: var(--on-surface); }
.brand span { color: var(--primary); }
h1 { font-size: 30px; line-height: 1.2; margin: 0 0 8px; }
h2 { font-size: 20px; line-height: 1.3; margin: 40px 0 8px; color: var(--primary); }
h3 { font-size: 17px; margin: 24px 0 4px; color: var(--tertiary); }
p, li { color: var(--on-surface); }
ul, ol { padding-inline-start: 22px; }
li { margin: 4px 0; }
a { color: var(--primary); text-underline-offset: 2px; overflow-wrap: anywhere; }
strong { color: #ffffff; }
code { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 0.9em;
       background: var(--surface-container-high); border-radius: 6px; padding: 1px 6px; }
.updated { color: var(--outline); font-size: 14px; margin: 0 0 20px; }
.note { color: var(--on-surface-variant); font-size: 14px; }
.summary { background: var(--surface-container); border: 1px solid var(--outline-variant);
           border-radius: 16px; padding: 16px 20px; margin: 20px 0; }
.summary ul { margin: 8px 0 0; }
.table-wrap { overflow-x: auto; margin: 12px 0; border-radius: 12px; border: 1px solid var(--outline-variant); }
table { border-collapse: collapse; width: 100%; min-width: 620px; font-size: 14px; }
th, td { text-align: start; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--outline-variant); }
th { background: var(--surface-container-high); color: var(--on-surface-variant); font-weight: 600; }
tr:last-child td { border-bottom: none; }
details { background: var(--surface-container); border: 1px solid var(--outline-variant);
          border-radius: 12px; padding: 12px 16px; margin: 10px 0; }
summary { cursor: pointer; font-weight: 600; }
details p, details ul { margin: 10px 0 4px; color: var(--on-surface-variant); }
hr { border: none; border-top: 1px solid var(--outline-variant); margin: 48px 0; }
footer { margin-top: 56px; font-size: 13px; color: var(--outline); }
footer a { color: var(--on-surface-variant); }

/* Dil seçici: <details> + düz bağlantılar (betik yok). Liste satır sonu kenarına
   (RTL'de sola) açılır; mantıksal özellikler kullanılır. */
.lang { position: relative; }
.lang summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px; border: 1px solid var(--outline-variant); border-radius: 999px;
  color: var(--on-surface-variant); font-size: 14px; line-height: 1.4; white-space: nowrap; }
.lang summary::-webkit-details-marker { display: none; }
.lang summary::after { content: ""; width: 6px; height: 6px; margin-inline-start: 2px;
  border-inline-end: 1.6px solid currentColor; border-block-end: 1.6px solid currentColor;
  transform: translateY(-2px) rotate(45deg); }
.lang[open] summary::after { transform: translateY(1px) rotate(-135deg); }
.lang summary:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.lang summary svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; flex: none; }
.lang ul { position: absolute; z-index: 20; inset-block-start: calc(100% + 6px); inset-inline-end: 0;
  margin: 0; padding: 6px; list-style: none; min-width: 210px; max-height: 70vh; overflow-y: auto;
  background: var(--surface-container-high); border: 1px solid var(--outline-variant); border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45); }
.lang li { margin: 0; }
.lang ul a { display: block; padding: 8px 12px; border-radius: 8px; color: var(--on-surface);
  text-decoration: none; white-space: nowrap; font-size: 15px; }
.lang ul a:hover, .lang ul a:focus-visible { background: rgba(243, 174, 255, 0.12); outline: none; }
.lang ul a[aria-current="page"] { color: var(--primary); font-weight: 600; }

/* Uzun sözcükler (de, ru, id) taşmaz; CJK ve Korece satır kırma kuralları. Arapça ve
   CJK'de harf aralığı oynanmaz (Arapça harf bağlarını bozar). */
h1, h2, h3, p, li, summary, td { overflow-wrap: break-word; }
h1, h2, h3 { hyphens: auto; -webkit-hyphens: auto; }
:lang(ja), :lang(zh-Hans) { line-break: strict; }
:lang(ko) { word-break: keep-all; }
:lang(ar) h1, :lang(ar) h2, :lang(ar) h3, :lang(ar) .eyebrow, :lang(ar) .tag, :lang(ar) .brand,
:lang(ja) h1, :lang(ja) h2, :lang(ko) h1, :lang(ko) h2, :lang(zh-Hans) h1, :lang(zh-Hans) h2 { letter-spacing: 0; }
:lang(ar) .plan .tag { text-transform: none; }
:lang(ar) body, body:lang(ar) { line-height: 1.75; }