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

  * { margin: 0; padding: 0; box-sizing: border-box; }
  body { font-size: var(--bp-text-md); line-height: 1.75; min-height: 100vh; }
  header { background: var(--bp-surface); border-bottom: 1px solid var(--bp-border); 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: var(--bp-text); }

  .container { max-width: var(--bp-container-820); margin: 0 auto; padding: 36px 24px 48px; }

  /* Büyük uyarı banner */
  .warn-banner {
    background: rgba(var(--bp-sat-rgb), 0.08);
    border: 1.5px solid rgba(var(--bp-sat-rgb), 0.35);
    border-radius:var(--bp-radius-xl);
    padding: 20px 24px;
    margin-bottom: 32px;
  }
  .warn-banner-title {
    font-size: var(--bp-text-lg); font-weight: 700; color: var(--bp-sat);
    display: flex; align-items: center; gap: 8px; margin-bottom: 10px;
  }
  .warn-banner p { color: var(--bp-text2); font-size: var(--bp-text-base); margin-bottom: 8px; }
  .warn-banner p:last-child { margin-bottom: 0; }

  /* Bölüm kartları */
  .section-card {
    background: var(--bp-surface);
    border: 1px solid var(--bp-border);
    border-radius:var(--bp-radius-lg);
    padding: 24px;
    margin-bottom: 20px;
  }
  .section-card h2 {
    font-size: var(--bp-text-15); font-weight: 700; color: var(--bp-text);
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 14px; padding-bottom: 10px;
    border-bottom: 1px solid var(--bp-border-subtle);
  }
  .section-card p { color: var(--bp-text2); margin-bottom: 10px; }
  .section-card p:last-child { margin-bottom: 0; }
  .section-card ul { color: var(--bp-text2); margin: 8px 0 10px 18px; }
  .section-card li { margin-bottom: 5px; }
  strong { color: var(--bp-text); }
  .highlight { color: var(--bp-sat); font-weight: 600; }

  /* Madde listesi özel stil */
  .clause {
    display: flex; gap: 12px; padding: 10px 0;
    border-bottom: 1px solid var(--bp-border-subtle);
  }
  .clause:last-child { border-bottom: none; }
  .clause-num {
    flex-shrink: 0; width: 24px; height: 24px;
    background: var(--bp-border-subtle); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: var(--bp-text-xs); font-weight: 700; color: var(--bp-text3);
    margin-top: 1px;
  }
  .clause-text { color: var(--bp-text2); font-size: var(--bp-text-base); line-height: 1.65; }

  .updated { font-size: var(--bp-text-sm); color: var(--bp-text3); margin-bottom: 28px; }

  footer { text-align: center; padding: 20px; font-size: var(--bp-text-sm); color: var(--bp-text3); margin-top: 32px; }
  footer a { color: var(--bp-text3); text-decoration: none; margin: 0 6px; }
  footer a:hover { color: var(--bp-text); }

  @media (max-width: 600px) { .container { padding: 16px 14px 32px; } .section-card { padding: 16px; } }