/* Mod açılış sayfaları (scripts/seo-pages.mjs). JavaScript gerektirmez, mobil önceliklidir. */
body.landing {
  --ink: #2E3532;
  --landing-green: #1F6B45;
  background: #F7F3EA;
  color: var(--ink);
}

.landing-wrap { width: 100%; max-width: 760px; margin-inline: auto; padding-inline: 16px; }

/* Üst çubuk: menü alta sarar, yatay kaydırma oluşmaz. */
.landing-top { background: var(--surface); border-bottom: 1px solid var(--border-soft); }
.landing-top-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding-block: 10px; }
.landing-logo { display: block; flex-shrink: 0; border-radius: 4px; }
.landing-logo img { display: block; height: 40px; width: auto; }
.landing-top nav { display: flex; flex-wrap: wrap; flex: 1 1 200px; gap: 2px 12px; min-width: 0; }
.landing-top nav a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  font-family: var(--font-head);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--ink);
  text-decoration: none;
}
.landing-top nav a:hover { color: var(--landing-green); text-decoration: underline; }
.landing-top nav a[aria-current="page"] { color: var(--landing-green); font-weight: 600; }

.landing-main { display: grid; gap: 28px; padding-block: 16px 40px; }
.landing-main section { display: grid; gap: 10px; min-width: 0; }
.landing-main h2 { font-size: 1.375rem; color: var(--ink); }
.landing-main p { overflow-wrap: anywhere; }

.landing-crumbs { font-size: 0.875rem; color: var(--muted); overflow-wrap: anywhere; }

.landing-hero { display: grid; gap: 14px; }
.landing-hero h1 { font-size: 1.875rem; line-height: 1.15; color: var(--ink); overflow-wrap: anywhere; }
.landing-lead { font-size: 1.125rem; }
.landing-play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding-inline: 32px;
  background: var(--landing-green);
  border-radius: var(--radius-btn);
  color: #FFFFFF;
  font-family: var(--font-head);
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
}
.landing-play:hover { background: #18573A; }
.landing-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
.landing-facts div { min-width: 0; padding: 10px; background: var(--surface); border: 1px solid var(--border-soft); border-radius: 12px; text-align: center; }
.landing-facts dt { font-size: 0.8125rem; color: var(--muted); }
.landing-facts dd { margin: 2px 0 0; font-family: var(--font-head); font-size: 1rem; font-weight: 600; overflow-wrap: anywhere; }

.landing-text { display: grid; gap: 22px; }

.landing-cards { display: grid; gap: 10px; }
.landing-card {
  display: grid;
  gap: 2px;
  height: 100%;
  padding: 14px;
  background: var(--surface);
  border: 2px solid var(--border-soft);
  border-radius: var(--radius-card);
  color: var(--ink);
  font-weight: 400;
  text-decoration: none;
}
.landing-card:hover { border-color: var(--landing-green); }
.landing-card strong { font-family: var(--font-head); font-size: 1.0625rem; font-weight: 600; color: var(--landing-green); }
.landing-card span { font-size: 0.9375rem; }

.landing-faq details { padding: 12px 14px; background: var(--surface); border: 1px solid var(--border-soft); border-radius: 12px; }
.landing-faq summary { font-weight: 600; cursor: pointer; }
.landing-faq details p { margin-top: 8px; }

.landing-footer { border-top: 1px solid var(--border-soft); }
.landing-footer .landing-wrap { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-block: 16px; }

@media (min-width: 720px) {
  .landing-hero h1 { font-size: 2.5rem; }
  .landing-play { justify-self: start; min-width: 220px; }
  .landing-cards { grid-template-columns: 1fr 1fr; }
  .landing-main { padding-block: 24px 56px; }
}