/* Görev 2 — statik / yasal sayfalar ve iletişim (dar okuma sütunu) */

.static-page { max-width: calc(760px + 2 * var(--sp-5)); padding-block: var(--sp-6) var(--sp-9); }
.static-page-wide { max-width: var(--container); }
/* Başlık bloğu ortalı; altında ince şampanya çizgi */
.static-head { margin-bottom: var(--sp-7); text-align: center; }
.static-head .breadcrumb { margin-bottom: var(--sp-5); }
.static-head .breadcrumb ol { justify-content: center; }
.static-head h1 { margin-bottom: var(--sp-3); }
.static-head::after { content: ''; display: block; width: 48px; height: 1px; margin: var(--sp-5) auto 0; background: var(--color-accent); }
@media (max-width: 599px) { .static-head { margin-bottom: var(--sp-6); } .static-head .breadcrumb { margin-bottom: var(--sp-4); } }
.static-updated { font-size: 13px; color: var(--color-muted-strong); }
.static-lead { font-family: var(--font-display); font-size: var(--fs-lg); line-height: 1.45; color: var(--color-ink); max-width: 620px; margin: 0 auto var(--sp-6); text-align: center; }
@media (max-width: 599px) { .static-lead { font-size: 1.2rem; } .static-body { font-size: 16px; } }
.static-body { font-size: 17px; line-height: 1.75; }
.static-body h2 { padding-top: var(--sp-2); }
.draft-note { margin-bottom: var(--sp-6); }

.faq { margin-bottom: var(--sp-6); }
.faq summary { text-transform: none; letter-spacing: 0; font-size: var(--fs-md); font-family: var(--font-display); font-weight: 500; }

.contact-cards { display: grid; gap: var(--sp-4); margin-top: var(--sp-6); }
@media (min-width: 600px) { .contact-cards { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .contact-cards { grid-template-columns: repeat(4, 1fr); } }
.contact-card {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  padding: var(--sp-6) var(--sp-5);
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  color: var(--color-ink);
}
.contact-card a, .contact-card address, .contact-card p:last-child { font-size: var(--fs-md); color: var(--color-ink); }
.contact-card a:hover { color: var(--color-accent); }
.static-note { margin-top: var(--sp-7); }
.static-head .static-lead { margin-top: var(--sp-4); margin-bottom: 0; }