/* ==== extracted from templates/gizlilik.html (T2.5) ==== */

  * { margin: 0; padding: 0; box-sizing: border-box; }
  body { font-size: var(--bp-text-md); line-height: 1.7; min-height: 100vh; }
  header { background: #161b22; border-bottom: 1px solid #30363d; padding: 14px 24px; display: flex; align-items: center; gap: 16px; position: sticky; top: 0; z-index:var(--bp-z-dropdown); }
  .page-title { font-size: var(--bp-text-2xl); font-weight: 700; color: #f0f6fc; }
  .container { max-width: var(--bp-container-820); margin: 0 auto; padding: 32px 24px; }
  h2 { font-size: var(--bp-text-xl); font-weight: 700; color: #f0f6fc; margin: 28px 0 10px; padding-bottom: 6px; border-bottom: 1px solid #21262d; }
  p  { color: #c9d1d9; margin-bottom: 12px; }
  ul { color: #c9d1d9; margin: 8px 0 12px 20px; }
  li { margin-bottom: 5px; }
  strong { color: #f0f6fc; }
  .updated { font-size: var(--bp-text-sm); color: var(--bp-text3); margin-bottom: 20px; }
  footer { text-align: center; padding: 20px; font-size: var(--bp-text-sm); color: var(--bp-text3); margin-top: 32px; }
  footer a { color: #8b949e; text-decoration: none; }
  @media (max-width: 600px) { .container { padding: 16px; } }