/* KAYNAK-TASARIM: docs/html_web/assets/css/legal.css
   Bu dosya docs/html_web/ tasariminden OLDUGU GIBI alindi. Elle duzenlenmez;
   tasarim guncellendiginde `npm run design:site-import` yeniden kopyalar. */

/* Legal drafts share a centered reading column; footer layout is unchanged. */
.legal-page .page-head {
  padding: 148px 0 44px;
  text-align: center;
}

.legal-page .page-head > .wrap {
  max-width: 820px;
}

.legal-page .page-head .eyebrow {
  justify-content: center;
}

.legal-page .page-head h1 {
  max-width: none;
  margin: 24px auto 0;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.2;
}

.legal-page .legal-body {
  max-width: 740px;
  margin-inline: auto;
  padding-bottom: 104px;
  text-align: center;
}

.legal-page .legal-body .notice {
  padding: 20px 24px;
  line-height: 1.7;
}

.legal-page .legal-body h2 {
  font-size: 25px;
  line-height: 1.4;
}

.legal-page .legal-body p {
  max-width: 660px;
  margin: 18px auto 28px;
}

.legal-page .legal-body .text-link {
  justify-content: center;
}

@media (max-width: 600px) {
  .legal-page .page-head {
    padding: 120px 0 32px;
  }

  .legal-page .legal-body {
    padding-bottom: 64px;
  }

  .legal-page .legal-body h2 {
    font-size: 23px;
  }
}