/* ==========================================================================
   pages.css — shared layer for the plain interior pages (Gizlilik
   Politikası, bülten onayı). Loads after styles.css and polish.css.
   The page-hero band and footer trim match contact.css / hakkimizda.css.
   ========================================================================== */

/* --------------------------------------------------------------- page hero */
.page-hero {
  margin-top: 20px;
  padding: 62px 60px 66px;
  border-radius: var(--r-panel);
  background: var(--surface-hero);
}
.page-hero__title {
  font: 700 clamp(34px, 4.2vw, 46px)/1.08 var(--font-head);
  color: var(--navy-head);
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.page-hero__sub {
  margin-top: 14px;
  max-width: 560px;
  font: 400 18px/24px var(--font-body);
  color: var(--ink-hero);
}
.page-hero .btn { margin-top: 26px; }
.page-hero--confirm { margin-bottom: 72px; }

/* --------------------------------------------------------------- long-form text */
.section--prose { padding-top: 64px; padding-bottom: 40px; }
.prose { max-width: 72ch; }
.prose__meta {
  font: 500 15px/1.4 var(--font-body);
  color: #45575f;
}
.prose h2 {
  margin-top: 40px;
  font: 700 23px/1.25 var(--font-head);
  color: var(--ink-blue);
}
.prose p,
.prose li {
  font: 400 17px/1.65 var(--font-body);
  color: #26333a;
}
.prose p { margin-top: 14px; }
.prose ul { margin-top: 12px; padding-left: 1.2em; }
.prose li { list-style: disc; }
.prose li + li { margin-top: 8px; }
.prose li::marker { color: var(--teal); }
.prose strong { font-weight: 600; color: var(--ink-blue); }
.prose a { color: var(--teal-deep); text-decoration: underline; text-underline-offset: 2px; }
.prose a:hover { color: var(--navy); }

/* --------------------------------------------------------------- footer trim */
.page-plain .footer { padding-top: 0; }
.page-plain .footer__grid {
  padding-top: 58px;
  border-top: 1px solid #e6edf0;
}

@media (max-width: 1040px) {
  .page-hero { padding: 52px 44px 56px; }
}
@media (max-width: 620px) {
  .page-hero { margin-top: 12px; padding: 40px 26px 44px; }
  .section--prose { padding-top: 48px; }
  .prose h2 { font-size: 21px; }
  .prose p, .prose li { font-size: 16px; }
}