/* Minu web sitesi (KARARLAR.md §9): tanıtım, gizlilik politikası, hesap silme. Renkler uygulamanın
   Minu görünümüyle aynı. */
:root {
  --blue: #2468e0;
  --sky: #5da4fa;
  --navy: #13254d;
  --yellow: #ffc21a;
  --bg: #f1f6fe;
  --card: #ffffff;
  --muted: #52627f;
  --line: #c9d6ea;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--navy);
  font: 17px/1.6 "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
}
a { color: var(--blue); }
.wrap { max-width: 920px; margin: 0 auto; padding: 0 20px; }
header.top { padding: 18px 0; }
header.top .wrap { display: flex; align-items: center; gap: 12px; justify-content: space-between; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 22px; text-decoration: none; color: var(--navy); }
.brand img { width: 40px; height: 40px; border-radius: 11px; }
.translated { font-size: 14px; color: var(--muted); }
.hero { padding: 36px 0 28px; text-align: center; }
.hero img.icon { width: 112px; height: 112px; border-radius: 28px; box-shadow: 0 10px 30px rgba(36, 104, 224, .25); }
.hero h1 { font-size: clamp(30px, 6vw, 48px); line-height: 1.15; margin: 22px 0 10px; font-weight: 900; }
.hero p.lead { font-size: 19px; color: var(--muted); max-width: 640px; margin: 0 auto 26px; }
.btn {
  display: inline-block; padding: 15px 28px; border-radius: 999px; background: var(--blue); color: #fff;
  font-weight: 800; text-decoration: none; box-shadow: 0 6px 18px rgba(36, 104, 224, .3);
}
.btn.light { background: #dceafe; color: var(--navy); box-shadow: none; }
.note { font-size: 14px; color: var(--muted); margin-top: 10px; }
.offer {
  margin: 8px auto 34px; max-width: 640px; background: #fff6d6; border: 2px solid var(--yellow);
  border-radius: 22px; padding: 18px 22px; text-align: center; font-weight: 700;
}
.video { max-width: 760px; margin: 0 auto 36px; }
.video video { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 22px; background: var(--navy); box-shadow: 0 10px 30px rgba(36, 104, 224, .18); }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin: 10px 0 36px; }
.card { background: var(--card); border-radius: 22px; padding: 22px; }
.card h3 { margin: 10px 0 6px; font-size: 19px; }
.card p { margin: 0; color: var(--muted); font-size: 16px; }
.dot { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; font-size: 22px; background: #dceafe; }
.dot.y { background: #ffedb8; }
h2 { font-size: 26px; margin: 34px 0 12px; }
.doc { background: var(--card); border-radius: 22px; padding: 8px 26px 26px; margin: 10px 0 40px; }
.doc h2 { font-size: 22px; margin-top: 28px; }
.doc table { width: 100%; border-collapse: collapse; font-size: 15px; }
.doc th, .doc td { text-align: start; vertical-align: top; padding: 9px 8px; border-top: 1px solid var(--line); }
.doc th { font-weight: 800; }
footer { padding: 26px 0 40px; color: var(--muted); font-size: 14px; text-align: center; }
footer a { margin: 0 8px; }
footer p a { margin: 0; }
@media (max-width: 560px) {
  .doc { padding: 4px 16px 20px; }
  .doc table, .doc thead, .doc tbody, .doc tr, .doc th, .doc td { display: block; }
  .doc thead { display: none; }
  .doc td { border-top: 0; padding: 2px 0; }
  .doc tr { border-top: 1px solid var(--line); padding: 10px 0; }
  .doc td:first-child { font-weight: 800; }
}

/* Dil menüsü ve dillere göre yazı tipi (scripts/site-diller.js) */
.langs { position: relative; }
.langs summary {
  list-style: none; cursor: pointer; font-weight: 700; color: var(--blue); padding: 6px 12px;
  border-radius: 999px; background: #dceafe;
}
.langs summary::-webkit-details-marker { display: none; }
.langs summary::before { content: "🌐 "; }
.langs > div {
  position: absolute; inset-inline-end: 0; top: calc(100% + 6px); z-index: 5; background: #fff;
  border-radius: 16px; padding: 8px; box-shadow: 0 10px 30px rgba(19, 37, 77, .18); min-width: 200px;
  display: grid;
}
.langs a { padding: 7px 12px; border-radius: 10px; text-decoration: none; font-weight: 700; color: var(--navy); }
.langs a:hover { background: var(--bg); }
.langs a[aria-current] { color: var(--blue); }
body:lang(ja) { font-family: "Nunito", "M PLUS Rounded 1c", system-ui, sans-serif; }
body:lang(zh) { font-family: "Nunito", "Noto Sans SC", system-ui, sans-serif; }
body:lang(ar) { font-family: "Cairo", system-ui, sans-serif; }

/* Rehber yazıları (scripts/rehber.js, docs/rehber/KURALLAR.md) */
.topnav { display: flex; align-items: center; gap: 14px; }
.topnav > a { font-weight: 800; color: var(--navy); text-decoration: none; }
.topnav > a:hover { color: var(--blue); }
.post { max-width: 760px; margin: 6px auto 40px; background: var(--card); border-radius: 22px; padding: 26px 36px 30px; }
.post .crumbs { margin: 0; font-size: 14px; color: var(--muted); }
.post .crumbs a { text-decoration: none; }
.post h1 { font-size: clamp(28px, 5vw, 40px); line-height: 1.18; font-weight: 900; margin: 10px 0 8px; text-wrap: balance; }
.post .meta { margin: 0 0 22px; font-size: 15px; color: var(--muted); }
.post h2 { font-size: 25px; line-height: 1.25; margin: 38px 0 10px; text-wrap: balance; }
.post h3 { font-size: 19px; margin: 24px 0 4px; }
.post p, .post li { font-size: 18px; line-height: 1.7; }
.post li + li { margin-top: 6px; }
.post a { overflow-wrap: anywhere; }
sup.ref { font-size: 12px; line-height: 0; font-weight: 700; }
sup.ref a { text-decoration: none; }
.summary { background: #eef4ff; border-radius: 18px; padding: 4px 24px 8px; margin: 24px 0; }
.summary > p:first-child { margin: 16px 0 4px; font-weight: 900; }
.summary ul { padding-inline-start: 20px; }
.summary li { font-size: 16.5px; line-height: 1.6; }
.cta-inline { background: #fff9e6; border-inline-start: 5px solid var(--yellow); border-radius: 16px; padding: 2px 22px; margin: 26px 0; }
.cta-inline p { font-size: 17px; }
.cta { background: var(--navy); color: #fff; border-radius: 22px; padding: 10px 26px 22px; margin: 36px 0 12px; text-align: center; }
.cta p { color: #d6e2f8; }
.cta strong { color: #fff; }
.cta .note { color: #a9bbdd; margin-bottom: 0; }
.table { overflow-x: auto; margin: 14px 0; }
.post table { width: 100%; border-collapse: collapse; font-size: 16px; }
.post th, .post td { text-align: start; padding: 10px 12px; border-top: 1px solid var(--line); }
.post thead th { border-top: 0; background: #eef4ff; }
.post .sources li { font-size: 14.5px; line-height: 1.55; color: var(--muted); }
.post .sources li:target { background: #fff6d6; border-radius: 6px; }
.disclaimer { margin-top: 30px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 14px !important; color: var(--muted); }
.guide-head { padding: 22px 0 6px; }
.guide-head h1 { font-size: clamp(30px, 6vw, 44px); font-weight: 900; margin: 0 0 8px; }
.guide-head .lead { font-size: 19px; color: var(--muted); margin: 0; }
.guides { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin: 18px 0 14px; }
.guide { display: flex; flex-direction: column; gap: 8px; background: var(--card); border-radius: 22px; padding: 20px 22px; color: var(--navy); text-decoration: none; }
.guide:hover { box-shadow: 0 8px 22px rgba(36, 104, 224, .18); }
.guide strong { font-size: 18px; line-height: 1.3; }
.guide span { font-size: 15px; color: var(--muted); }
.guide small { margin-top: auto; font-weight: 700; color: var(--blue); }
.guide-all { margin: 0 0 30px; font-weight: 800; }
.guide-all a { text-decoration: none; }
@media (max-width: 560px) {
  .post { padding: 18px 18px 22px; border-radius: 18px; }
  .post p, .post li { font-size: 17px; }
  .summary { padding: 2px 16px 6px; }
}