a.nav-tab{display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;box-sizing:border-box}.seo-intro{margin:16px 0 22px;padding:22px;border:1px solid var(--border-color,#ddd);border-radius:16px;background:var(--card-bg,#fff);line-height:1.7}.seo-intro h1{font-size:clamp(22px,3.5vw,32px);line-height:1.25;margin:12px 0}.seo-intro h2{font-size:18px;line-height:1.35;margin-top:20px}.seo-intro p{margin:10px 0}.seo-intro a{color:var(--accent-blue,#087ba7);text-underline-offset:3px}.seo-breadcrumb{font-size:12px;color:var(--text-muted,#526477)}.seo-intro summary{cursor:pointer;font-weight:700;padding:12px 0}.seo-links{display:flex;flex-wrap:wrap;gap:10px 20px;padding-top:15px;border-top:1px solid var(--border-color,#ddd);margin-top:14px;font-size:13px}.seo-jump{display:inline-block;margin:4px 0}.seo-intro a:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
/* ⚡ MOBİL KÜÇÜLTME — ÖNCEDEN mobilde sadece padding azalıyordu, başlık +
   intro metni + "nasıl kullanabilirim" özeti + diğer sayfa linkleri üst
   üste hâlâ çok yer kaplıyordu. Artık .seo-page-details (bkz. build-seo.cjs
   — içeriği native <details> içine sarıyor) mobilde varsayılan KAPALI
   başlıyor — sadece "ℹ️ Bu sayfa hakkında" satırı görünüyor, dokunulunca
   açılıyor. İçerik DOM'dan kaldırılmıyor, sadece <details> ile
   gizleniyor — Google hâlâ okuyup indeksleyebiliyor, SEO değeri kaybolmuyor. */
@media(max-width:640px){
  .seo-intro{padding:14px}
  .seo-intro h1{font-size:17px;margin:6px 0}
  .seo-page-details>summary{list-style:none;cursor:pointer;font-size:13px;font-weight:700;color:var(--text-muted,#526477);padding:2px 0}
  .seo-page-details>summary::-webkit-details-marker{display:none}
  .seo-page-details>summary::after{content:" ▾";font-weight:400}
  .seo-page-details[open]>summary::after{content:" ▴"}
}