/* ====================================================================
   yardim.css — HELP v3 (2026-10-14, assets/js/yardim.js). Sayfa sayfa: ana / konu / soru.
   Kart icinde kart YOK (kullanici: "kartlar ic ice girmis"): her blok tek .yuzey, satirlar cizgiyle ayrilir.
   Karemsi kose, hover yok, secili = ice basik, kirmizi yok. Konu tonu --r. Koyu tema: anlamsal degiskenler.
   ==================================================================== */
.yd { --yd-ic: var(--buz, #EEF4FF); --yd-cz: var(--cizgi, rgba(15,42,86,.08)); }
@media (min-width:981px) {
  .yardim-duzen.yd { height:auto; min-height:0; }
  .yardim-duzen.yd > div:first-child { display:block; }
  .yd-yan { position:sticky; top:0; }
}
.yardim-duzen.yd { align-items:start; }
.yd-ana-sutun { min-width:0; }
[data-yd-ana-kap] { display:grid; gap:22px; min-width:0; }

/* ---------- arama (yalniz ana sayfada) */
.yd-ara-kap { margin-bottom:22px; }
.yd-ara-kap[hidden] { display:none; }
.yd-ara { position:relative; display:flex; align-items:center; }
.yd-ara > svg { position:absolute; left:17px; width:18px; height:18px; color:var(--ink-3); pointer-events:none; }
.yd-ara input { width:100%; height:54px; padding:0 54px 0 48px; border-radius:15px; border:1px solid var(--yd-cz); background:var(--inci, #fff);
  font:inherit; font-size:15.5px; color:var(--ink); outline:none; box-shadow:0 1px 2px rgba(15,42,86,.04), 0 10px 28px -18px rgba(15,42,86,.3);
  transition:box-shadow .2s ease, border-color .2s ease; }
.yd-ara input::placeholder { color:var(--ink-3); }
.yd-ara input:focus { border-color:var(--mavi-ln, rgba(37,99,235,.35)); box-shadow:0 0 0 4px var(--mavi-sis, rgba(37,99,235,.1)); }
.yd-ara input::-webkit-search-cancel-button { display:none; }
.yd-ara-sag { position:absolute; right:10px; display:flex; align-items:center; }
.yd-ara-sag button { width:32px; height:32px; display:grid; place-items:center; border:0; border-radius:9px; cursor:pointer; color:var(--ink-2); background:var(--yd-ic); }
.yd-ara-sag button svg { width:14px; height:14px; }
.yd-ara-sag button:active { box-shadow:inset 0 2px 5px rgba(15,42,86,.16); }
.yd-ara-sag [hidden] { display:none !important; }

/* ---------- blok basliklari */
.yd-blok { display:grid; gap:10px; min-width:0; }
.yd-blok-bas { display:flex; align-items:baseline; gap:10px; padding:0 2px; }
.yd-blok-bas h2 { margin:0; font-size:15px; font-weight:800; letter-spacing:-.02em; }
.yd-blok-bas small { font-size:12.5px; color:var(--ink-3); font-weight:600; }

/* ---------- konu ikon karosu (her yerde ayni) */
.yd-ik { width:40px; height:40px; flex:none; display:grid; place-items:center; border-radius:11px; color:var(--r, #2563EB);
  background:rgba(37,99,235,.1); background:color-mix(in srgb, var(--r, #2563EB) 13%, transparent); }
.yd-ik svg { width:20px; height:20px; }
.yd-ik.img img { width:24px; height:24px; object-fit:contain; display:block; }

/* ---------- hizli baslangic: 4 ayri kart (yan yana, ic ice degil) */
.yd-hizli { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; }
.yd-h { position:relative; display:grid; gap:4px; align-content:start; padding:14px; border-radius:15px; text-decoration:none; color:var(--ink);
  background:var(--inci, #fff); box-shadow:inset 0 0 0 1px var(--yd-cz), 0 1px 2px rgba(15,42,86,.04); -webkit-tap-highlight-color:transparent; }
.yd-h:active { box-shadow:inset 0 2px 8px rgba(15,42,86,.16), inset 0 0 0 1px var(--yd-cz); }
.yd-h-ust { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.yd-h-ik { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:#fff;
  background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.22), transparent 55%), linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6); box-shadow:0 8px 16px -8px rgba(37,99,235,.7); }
.yd-h-ik svg { width:19px; height:19px; }
.yd-h-ust em { font-style:normal; font-size:10.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-3); }
.yd-h b { font-size:14px; font-weight:800; letter-spacing:-.015em; }
.yd-h small { font-size:12.3px; line-height:1.45; color:var(--ink-2); }

/* ---------- konu kartlari */
.yd-konular { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; }
.yd-k { display:flex; align-items:flex-start; gap:12px; padding:15px; border-radius:15px; text-decoration:none; color:var(--ink);
  background:var(--inci, #fff); box-shadow:inset 0 0 0 1px var(--yd-cz), 0 1px 2px rgba(15,42,86,.04); -webkit-tap-highlight-color:transparent; }
.yd-k:active { box-shadow:inset 0 2px 8px rgba(15,42,86,.15), inset 0 0 0 1.5px var(--r, #2563EB); }
.yd-k-tx { flex:1; min-width:0; display:grid; gap:3px; }
.yd-k-tx b { font-size:14.3px; font-weight:800; letter-spacing:-.015em; }
.yd-k-tx small { font-size:12.3px; line-height:1.45; color:var(--ink-2); }
.yd-k-tx em { display:inline-flex; align-items:center; gap:2px; margin-top:6px; font-style:normal; font-size:12px; font-weight:800; color:var(--r, #2563EB); }
.yd-k-tx em svg { width:14px; height:14px; }

/* ---------- liste (tek yuzey, satirlar cizgiyle) */
.yd-liste { padding:4px; display:grid; }
.yd-satir { position:relative; display:flex; align-items:center; gap:13px; padding:13px 12px; border-radius:12px; text-decoration:none; color:var(--ink); -webkit-tap-highlight-color:transparent; }
.yd-satir + .yd-satir::before { content:""; position:absolute; left:12px; right:12px; top:0; height:1px; background:var(--yd-cz); }
.yd-satir:active::before, .yd-satir:active + .yd-satir::before { opacity:0; }
.yd-satir:active { background:var(--yd-ic); box-shadow:inset 0 2px 6px rgba(15,42,86,.12); }
.yd-satir-no { flex:none; min-width:30px; font-size:12px; font-weight:800; color:var(--r); font-variant-numeric:tabular-nums; }
.yd-satir-no .yd-ik { width:30px; height:30px; border-radius:9px; } .yd-satir-no .yd-ik svg { width:15px; height:15px; } .yd-satir-no .yd-ik.img img { width:18px; height:18px; }
.yd-satir-tx { flex:1; min-width:0; display:grid; gap:2px; }
.yd-satir-tx b { font-size:14.3px; font-weight:700; letter-spacing:-.012em; line-height:1.35; }
.yd-satir-tx small { font-size:12.5px; line-height:1.45; color:var(--ink-2); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.yd-satir > svg { width:17px; height:17px; flex:none; color:var(--ink-3); }

/* ---------- yol (breadcrumb) */
.yd-yol { display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:13px; font-weight:600; color:var(--ink-3); margin-bottom:-8px; }
.yd-yol a { color:var(--ink-2); text-decoration:none; }
.yd-yol a:active { opacity:.7; }
.yd-yol i { display:grid; } .yd-yol i svg { width:13px; height:13px; }
.yd-yol-geri { display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 11px 0 9px; border-radius:9px; color:var(--ink) !important; font-weight:700;
  background:var(--inci, #fff); box-shadow:inset 0 0 0 1px var(--yd-cz); }
.yd-yol-geri svg { width:15px; height:15px; }
.yd-yol-geri:active { box-shadow:inset 0 2px 6px rgba(15,42,86,.15); }
.yd-yol-son { color:var(--ink-3); max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ---------- konu sayfasi basligi */
.yd-kat-bas { display:flex; align-items:center; gap:16px; padding:20px; }
.yd-kat-bas .yd-ik { width:56px; height:56px; border-radius:15px; } .yd-kat-bas .yd-ik svg { width:27px; height:27px; } .yd-kat-bas .yd-ik.img img { width:32px; height:32px; }
.yd-kat-bas > span:not(.yd-ik) { flex:1; min-width:0; }
.yd-kat-bas h2 { margin:0; font-size:22px; font-weight:800; letter-spacing:-.03em; }
.yd-kat-bas p { margin:3px 0 0; font-size:13.5px; color:var(--ink-2); }
.yd-kat-bas > em { flex:none; font-style:normal; font-size:12px; font-weight:800; padding:6px 10px; border-radius:8px; color:var(--r); background:rgba(37,99,235,.08); background:color-mix(in srgb, var(--r) 10%, transparent); }

/* ---------- soru (makale) sayfasi */
.yd-makale { padding:22px 24px 16px; }
.yd-m-bas { display:flex; align-items:center; gap:14px; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid var(--yd-cz); }
.yd-m-bas small { display:block; font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--r); }
.yd-m-bas h2 { margin:2px 0 0; font-size:21px; font-weight:800; letter-spacing:-.03em; line-height:1.25; }
.yd-m-ic { display:grid; gap:14px; font-size:14.3px; line-height:1.68; color:var(--ink-2); }
.yd-m-ic b { color:var(--ink); font-weight:700; }
.yd-o { margin:0; font-size:15px; color:var(--ink); }
.yd-adim { list-style:none; margin:0; padding:0; display:grid; gap:0; counter-reset:a; }
.yd-adim li { position:relative; display:flex; gap:13px; align-items:flex-start; padding:0 0 14px; }
.yd-adim li:not(:last-child)::before { content:""; position:absolute; left:13px; top:30px; bottom:2px; width:2px; border-radius:1px; background:var(--yd-cz); }
.yd-adim li > i { position:relative; width:28px; height:28px; flex:none; display:grid; place-items:center; border-radius:8px; font-style:normal; font-size:12.5px; font-weight:800; color:#fff; background:var(--r); box-shadow:0 6px 12px -6px var(--r); }
.yd-adim li > span { padding-top:2px; }
.yd-madde { list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.yd-madde li { position:relative; padding-left:20px; }
.yd-madde li::before { content:""; position:absolute; left:3px; top:.66em; width:7px; height:7px; border-radius:2px; background:var(--r); opacity:.8; }
.yd-not { display:flex; gap:11px; align-items:flex-start; padding:13px 14px; border-radius:12px; font-size:13.6px; line-height:1.58; }
.yd-not svg { width:18px; height:18px; flex:none; margin-top:1px; }
.yd-not p { margin:0; }
.yd-not.bilgi { color:var(--ink-2); background:rgba(37,99,235,.06); box-shadow:inset 0 0 0 1px var(--mavi-ln, rgba(37,99,235,.25)); } .yd-not.bilgi svg { color:var(--mavi, #2563EB); }
.yd-not.uyari { color:#92400E; background:rgba(245,158,11,.1); box-shadow:inset 0 0 0 1px rgba(245,158,11,.35); } .yd-not.uyari svg { color:#D97706; }
.yd-m-ic .yd-not.uyari b { color:#78350F; }
.yd-not.saat { color:var(--ink-2); background:rgba(5,150,105,.08); box-shadow:inset 0 0 0 1px rgba(5,150,105,.3); } .yd-not.saat svg { color:#059669; }
html[data-tema="koyu"] .yd-not.uyari { color:#FCD34D; } html[data-tema="koyu"] .yd-m-ic .yd-not.uyari b { color:#FDE68A; }
.yd-link { display:inline; padding:0; border:0; background:none; font:inherit; font-weight:700; color:var(--mavi, #2563EB); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px; cursor:pointer; }
.yd-link:active { opacity:.7; }
.yd-m-alt { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:18px; padding-top:12px; border-top:1px solid var(--yd-cz); }
.yd-m-yardim { font-size:13px; color:var(--ink-3); }
.yd-kopya { display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 11px; border:0; border-radius:9px; cursor:pointer; font:inherit; font-size:12.5px; font-weight:700; color:var(--ink-2); background:var(--yd-ic); }
.yd-kopya svg { width:14px; height:14px; }
.yd-kopya:active { box-shadow:inset 0 2px 5px rgba(15,42,86,.16); }
.yd-kopya.ok { color:#059669; }
.yd-onson { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.yd-os { display:flex; align-items:center; gap:10px; padding:13px 14px; border-radius:14px; text-decoration:none; color:var(--ink); background:var(--inci, #fff); box-shadow:inset 0 0 0 1px var(--yd-cz); min-width:0; }
.yd-os.sag { justify-content:flex-end; text-align:right; }
.yd-os > svg { width:17px; height:17px; flex:none; color:var(--ink-3); }
.yd-os span { min-width:0; display:grid; gap:1px; } .yd-os small { font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); }
.yd-os b { font-size:13.3px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.yd-os:active { box-shadow:inset 0 2px 7px rgba(15,42,86,.15); }
mark { color:inherit; background:rgba(250,204,21,.38); border-radius:3px; padding:0 1px; }
html[data-tema="koyu"] mark { background:rgba(250,204,21,.28); }

/* ---------- ozel bloklar (makale icinde DUZ: golgesiz cerceve) */
.yd-tablo { display:grid; border-radius:13px; overflow:hidden; border:1px solid var(--yd-cz); }
.yd-t-s { display:grid; grid-template-columns:30px minmax(0,1.6fr) minmax(0,.7fr) minmax(0,1fr); gap:12px; align-items:center; padding:11px 14px; }
.yd-t-s + .yd-t-s { border-top:1px solid var(--yd-cz); }
.yd-t-lg { width:30px; height:30px; display:grid; place-items:center; } .yd-t-lg img, .yd-t-lg svg { width:26px; height:26px; object-fit:contain; display:block; }
.yd-t-s > span:not(.yd-t-lg) { display:grid; gap:1px; min-width:0; }
.yd-t-s small { font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); line-height:1.3; }
.yd-t-ad small { letter-spacing:0; text-transform:none; font-weight:600; font-size:12px; }
.yd-t-s b { font-size:13.5px; color:var(--ink); line-height:1.35; }
.yd-t-alt { display:flex; align-items:center; gap:9px; padding:11px 14px; font-size:13px; color:var(--ink-2); background:rgba(5,150,105,.07); border-top:1px solid var(--yd-cz); }
.yd-t-alt svg { width:16px; height:16px; color:#059669; flex:none; }
.yd-rozetler { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
.yd-rz { display:flex; align-items:center; gap:10px; padding:10px 11px; border-radius:11px; border:1px solid var(--yd-cz); }
.yd-rz > i { width:32px; height:32px; flex:none; display:grid; place-items:center; border-radius:9px; color:#fff; background:linear-gradient(150deg,#BE185D,#DB2777 60%,#F472B6); box-shadow:0 6px 12px -6px #DB2777; }
.yd-rz > i svg { width:17px; height:17px; }
.yd-rz > span { display:grid; min-width:0; line-height:1.4; } .yd-rz b { font-size:13px; } .yd-rz small { font-size:12px; color:var(--ink-2); }
.yd-sure { display:flex; gap:16px; align-items:stretch; padding:14px; border-radius:13px; border:1px solid var(--yd-cz); }
.yd-sure-b { flex:none; width:104px; display:grid; place-items:center; align-content:center; border-radius:11px; color:#fff;
  background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.18), transparent 55%), linear-gradient(150deg,#047857,#059669 60%,#10B981); box-shadow:0 10px 20px -10px #059669; }
.yd-m-ic .yd-sure-b b, .yd-sure-b b { color:#fff; font-size:34px; font-weight:850; line-height:1; letter-spacing:-.03em; } .yd-sure-b small { font-size:11px; font-weight:700; opacity:.9; }
.yd-sure-l { flex:1; min-width:0; display:grid; gap:10px; align-content:center; }
.yd-sure-l > span { display:grid; grid-template-columns:28px minmax(0,1fr); column-gap:10px; align-items:center; line-height:1.35; }
.yd-sure-l > span > i { grid-row:span 2; width:28px; height:28px; display:grid; place-items:center; }
.yd-sure-l > span > i img, .yd-sure-l > span > i svg { width:24px; height:24px; object-fit:contain; }
.yd-sure-l b { font-size:13.5px; } .yd-sure-l small { font-size:12.3px; color:var(--ink-2); }

/* ---------- bos sonuc */
.yd-bos { padding:38px 22px; display:grid; justify-items:center; gap:6px; text-align:center; }
.yd-bos > svg { width:28px; height:28px; color:var(--ink-3); margin-bottom:4px; }
.yd-bos b { font-size:15px; } .yd-bos p { margin:0 0 10px; font-size:13px; color:var(--ink-2); }
.yd-bos-d { width:auto; padding:0 18px; }

/* ---------- yan kartlar */
.yd-yan, [data-yd-yan-kap] { display:grid; gap:12px; }
.yd-yan .yan-kart + .yan-kart { margin-top:0; }
.yd-yk-bas { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.yd-yk-bas > i { width:34px; height:34px; flex:none; display:grid; place-items:center; border-radius:10px; }
.yd-yk-bas > i svg { width:17px; height:17px; }
.yd-yk-bas h3 { margin:0 !important; }
.yd-yk-sure .yd-yk-bas > i { color:#059669; background:rgba(5,150,105,.12); }
.yd-yk-guven .yd-yk-bas > i { color:#D97706; background:rgba(245,158,11,.14); }
.yd-48 { display:flex; align-items:baseline; gap:6px; margin:2px 0 6px; }
.yd-48 b { font-size:30px; font-weight:850; letter-spacing:-.04em; color:var(--ink); line-height:1; } .yd-48 span { font-size:13px; font-weight:700; color:var(--ink-2); }
.yd-yk-guven ul { list-style:none; margin:0; padding:0; display:grid; gap:6px; font-size:12.8px; color:var(--ink-2); }
.yd-yk-guven li { position:relative; padding-left:16px; } .yd-yk-guven li::before { content:""; position:absolute; left:2px; top:.6em; width:6px; height:6px; border-radius:2px; background:#D97706; }
.yd-yk-link { margin:10px 0 0 !important; }
.yd-konu-nav { padding:12px !important; display:grid; gap:2px; }
.yd-konu-nav h3 { padding:4px 6px 6px; }
.yd-konu-nav a { display:flex; align-items:center; gap:10px; padding:7px 8px; border-radius:10px; text-decoration:none; color:var(--ink); font-size:13.3px; font-weight:700; }
.yd-konu-nav a .yd-ik { width:28px; height:28px; border-radius:8px; } .yd-konu-nav a .yd-ik svg { width:14px; height:14px; } .yd-konu-nav a .yd-ik.img img { width:17px; height:17px; }
.yd-konu-nav a span:not(.yd-ik) { flex:1; min-width:0; }
.yd-konu-nav a em { font-style:normal; font-size:11px; font-weight:800; color:var(--ink-3); }
.yd-konu-nav a.on, .yd-konu-nav a:active { background:var(--yd-ic); box-shadow:inset 0 2px 6px rgba(15,42,86,.12), inset 0 0 0 1px var(--yd-cz); }
.yd-konu-nav a.on em { color:var(--r); }

@media (prefers-reduced-motion: reduce) { .yd * { animation:none !important; } }

/* ---------- duyarli */
@media (max-width:1180px) { .yd-konular { grid-template-columns:repeat(2, minmax(0,1fr)); } .yd-hizli { grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:980px) {
  .yd-yan { position:static; }
  [data-yd-yan-kap] { grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); }
  [data-yd-yan-kap] .yd-konu-nav { display:none; }        /* telefonda konu listesi yerine yol (breadcrumb) yeterli */
}
@media (max-width:560px) {
  [data-yd-ana-kap] { gap:18px; }
  .yd-ara-kap { margin-bottom:18px; } .yd-ara input { font-size:16px; height:50px; }
  .yd-hizli { gap:8px; } .yd-h { padding:12px; } .yd-h small { font-size:11.8px; } .yd-h-ust { margin-bottom:4px; } .yd-h-ik { width:34px; height:34px; }
  .yd-konular { grid-template-columns:minmax(0,1fr); gap:8px; }
  .yd-k { padding:12px; } .yd-k-tx small { font-size:12px; } .yd-k-tx em { margin-top:3px; }
  .yd-kat-bas { padding:16px; gap:12px; } .yd-kat-bas .yd-ik { width:46px; height:46px; } .yd-kat-bas h2 { font-size:19px; } .yd-kat-bas > em { display:none; }
  .yd-makale { padding:16px 15px 12px; } .yd-m-bas h2 { font-size:18px; } .yd-m-bas .yd-ik { width:36px; height:36px; }
  .yd-m-ic { font-size:14px; }
  .yd-t-s { grid-template-columns:26px minmax(0,1fr) auto; gap:10px; padding:10px 12px; } .yd-t-m { grid-column:2 / -1; }
  .yd-rozetler { grid-template-columns:minmax(0,1fr); }
  .yd-sure { flex-direction:column; } .yd-sure-b { width:auto; padding:10px; grid-auto-flow:column; gap:8px; }
  .yd-onson { grid-template-columns:minmax(0,1fr); }
  .yd-os.sag { justify-content:space-between; text-align:left; flex-direction:row; }
  .yd-yol-son { display:none; } .yd-yol i:last-of-type { display:none; }
}