/* Hesaplayıcılar ve kurumsal içerik sayfaları: blog.css + rapor.css üzerine biner. */

.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --- araç kutusu --- */
.arac-uyari{color:var(--muted);font-size:13.5px;background:var(--card);
  border:1px solid var(--border);border-left:3px solid var(--accent);
  border-radius:0 10px 10px 0;padding:12px 16px;margin:6px 0 22px}
.arac{background:var(--card);border:1px solid var(--border);border-radius:18px;
  padding:26px 28px;margin:0 0 12px}
.arac-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.arac-grid.tek{grid-template-columns:minmax(190px,260px);margin-top:18px}
.arac label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted);
  font-weight:600;letter-spacing:.02em}
.arac input,.arac select{background:#0d0d14;border:1px solid var(--border);border-radius:10px;
  padding:12px 14px;color:var(--text);font-size:16px;font-family:inherit;
  font-variant-numeric:tabular-nums;width:100%;transition:border-color .18s}
.arac input:focus,.arac select:focus{outline:none;border-color:var(--accent)}
.arac select{cursor:pointer}
.arac-not{color:#6f6f85;font-size:12.5px;margin:0 0 34px}

/* --- sonuç --- */
.sonuc{margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}
.sonuc-liste{display:grid;gap:2px}
.sonuc-liste>div{display:flex;justify-content:space-between;align-items:baseline;
  gap:16px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.sonuc-liste>div:last-child{border-bottom:0}
.sonuc-liste dt{color:var(--muted);font-size:14.5px}
.sonuc-liste dd{margin:0;font-weight:600;font-size:17px;text-align:right;
  font-variant-numeric:tabular-nums}
.sonuc-liste b{color:var(--accent)}
.sonuc .yukari{color:var(--green)}
.sonuc .asagi{color:#ff5c6c}
.uyari{margin:14px 0 0;padding:13px 16px;background:rgba(240,185,11,.09);
  border:1px solid rgba(240,185,11,.25);border-radius:10px;
  color:#e3d9b8;font-size:14.5px;line-height:1.6}

/* --- DCA tablosu --- */
.alim-tablo{width:100%;border-collapse:collapse}
.alim-tablo th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;padding:0 0 10px}
.alim-tablo th:last-child{width:44px}
.alim-tablo td{padding:0 8px 10px 0;vertical-align:middle}
.alim-tablo td:last-child{padding-right:0}
.sil{background:transparent;border:1px solid var(--border);border-radius:9px;
  color:var(--muted);width:40px;height:44px;font-size:20px;cursor:pointer;
  transition:border-color .18s,color .18s}
.sil:hover{border-color:#ff5c6c;color:#ff5c6c}
.arac-butonlar{margin:4px 0 0}
.mini-btn{background:transparent;border:1px dashed var(--border);border-radius:10px;
  color:var(--accent);padding:10px 18px;font-size:14px;font-weight:600;
  font-family:inherit;cursor:pointer;transition:border-color .18s,background .18s}
.mini-btn:hover{border-color:var(--accent);background:rgba(240,185,11,.06)}

/* --- içerik --- */
.formul{background:#0d0d14;border:1px solid var(--border);border-radius:12px;
  padding:18px 22px;margin:20px 0;font-family:'Archivo',monospace;font-size:16px;
  color:var(--accent);text-align:center;overflow-x:auto}
main.container section p{margin-bottom:16px;color:#d0d0dd}
main.container section ul,main.container section ol{margin:0 0 18px 22px;color:#d0d0dd}
main.container section li{margin-bottom:9px}
main.container section b{color:var(--text)}
main.container section a{color:var(--accent)}
ol.numarali{counter-reset:n;list-style:none;margin-left:0}
ol.numarali li{counter-increment:n;position:relative;padding-left:40px;margin-bottom:14px}
ol.numarali li::before{content:counter(n);position:absolute;left:0;top:1px;
  width:26px;height:26px;border-radius:8px;background:rgba(240,185,11,.14);
  color:var(--accent);font-family:'Archivo';font-weight:700;font-size:13px;
  display:flex;align-items:center;justify-content:center}
.guncelleme{color:#6f6f85;font-size:13px;margin-top:44px;padding-top:20px;
  border-top:1px solid var(--border)}
.f-yasal{margin-top:10px;font-size:12.5px;color:#5a5a6e}
.f-yasal a{color:#5a5a6e;text-decoration:none}
.f-yasal a:hover{color:var(--accent)}

@media(max-width:560px){
  .arac{padding:20px 18px}
  .sonuc-liste>div{flex-direction:column;gap:2px;align-items:flex-start}
  .sonuc-liste dd{text-align:left}
}

/* --- e-posta aboneliği --- */
.abone{background:linear-gradient(135deg,rgba(240,185,11,.08),rgba(124,92,255,.06));
  border:1px solid rgba(240,185,11,.26);border-radius:20px;padding:28px 30px;margin:40px 0}
.abone h2{margin-bottom:8px}
.abone>p{color:var(--muted);font-size:15px;margin-bottom:20px;max-width:60ch}
.abone-satir{display:flex;gap:12px;flex-wrap:wrap}
.abone-satir input[type=email]{flex:1 1 240px;background:#0d0d14;border:1px solid var(--border);
  border-radius:10px;padding:14px 16px;color:var(--text);font-size:16px;font-family:inherit;
  transition:border-color .18s}
.abone-satir input[type=email]:focus{outline:none;border-color:var(--accent)}
.abone-satir .btn{border:0;cursor:pointer;font-family:'Archivo';white-space:nowrap}
.abone-not{margin-top:14px;font-size:12.5px;color:#6f6f85}
.abone-not a{color:#8f8fa5}
@media(max-width:560px){.abone{padding:22px 18px}.abone-satir .btn{width:100%;justify-content:center}}

/* --- kaynak indirme --- */
.indirme-kutu{background:linear-gradient(135deg,rgba(46,230,160,.08),rgba(240,185,11,.06));
  border:1px solid rgba(46,230,160,.26);border-radius:20px;padding:26px 28px;margin:30px 0}
.indirme-kutu h2{margin-bottom:6px}
.indir{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.04);
  border:1px solid var(--border);border-radius:14px;padding:16px 20px;margin-top:12px;
  text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
.indir:hover{border-color:var(--green);transform:translateY(-2px)}
.indir-ok{font-size:22px;color:var(--green);flex:0 0 auto}
.indir b{display:block;font-family:'Archivo';font-size:16px;font-weight:600}
.indir small{display:block;color:var(--muted);font-size:13px;margin-top:3px}

/* --- alinti --- */
main.container blockquote{border-left:3px solid var(--accent);background:var(--card);
  padding:16px 22px;border-radius:0 12px 12px 0;margin:20px 0}
main.container blockquote p{margin:0;color:#dcdce6;font-size:15.5px}

/* --- acilir kutu + kopyalanabilir metin --- */
.acilir{border:1px solid var(--border);border-radius:14px;background:var(--card);
  margin-bottom:12px;overflow:hidden;transition:border-color .2s}
.acilir[open]{border-color:rgba(240,185,11,.35)}
.acilir>summary{list-style:none;cursor:pointer;padding:16px 20px;display:flex;
  align-items:center;gap:12px;font-family:'Archivo';font-weight:600;font-size:16px}
.acilir>summary::-webkit-details-marker{display:none}
.acilir>summary::after{content:"+";margin-left:auto;color:var(--accent);font-size:21px;
  line-height:1;transition:transform .25s}
.acilir[open]>summary::after{transform:rotate(45deg)}
.acilir>summary:hover{color:var(--accent)}
.acilir-govde{padding:0 20px 20px}
.acilir-not{color:var(--muted);font-size:13.5px;margin:0 0 12px}

.kod-alan{position:relative}
pre.kopyalanabilir{background:#0d0d14;border:1px solid var(--border);border-radius:12px;
  padding:44px 18px 18px;margin:0;overflow-x:auto;white-space:pre-wrap;word-break:break-word;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.7;
  color:#d7d7e2}
.kopyala{position:absolute;top:9px;right:9px;background:rgba(240,185,11,.14);
  color:var(--accent);border:1px solid rgba(240,185,11,.3);border-radius:8px;
  padding:6px 13px;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;
  transition:background .18s}
.kopyala:hover{background:rgba(240,185,11,.24)}
.kopyala.oldu{background:rgba(46,230,160,.16);color:var(--green);border-color:rgba(46,230,160,.35)}
@media(max-width:560px){
  pre.kopyalanabilir{font-size:12.5px;padding-top:42px}
  .acilir>summary{padding:14px 16px;font-size:15px}
  .acilir-govde{padding:0 16px 16px}
}

/* --- tumunu kopyala --- */
.tumu{background:linear-gradient(135deg,rgba(46,230,160,.09),rgba(240,185,11,.07));
  border:1px solid rgba(46,230,160,.3);border-radius:20px;padding:26px 28px;margin:26px 0}
.tumu h2{margin-bottom:8px}
.tumu>p{color:var(--muted);font-size:15px;margin-bottom:18px;max-width:62ch}
.buyuk-kopyala{display:inline-flex;align-items:center;gap:9px;background:var(--green);
  color:#04140d;border:0;border-radius:10px;padding:15px 26px;font-family:'Archivo';
  font-weight:700;font-size:15px;cursor:pointer;transition:transform .18s,background .18s}
.buyuk-kopyala:hover{transform:translateY(-2px);background:#4bf0b4}
.buyuk-kopyala.oldu{background:var(--accent);color:#000}
.tumu details{margin-top:16px}
.tumu summary{cursor:pointer;color:var(--muted);font-size:13.5px;list-style:none}
.tumu summary::-webkit-details-marker{display:none}
.tumu summary::before{content:"▸ ";color:var(--accent)}
.tumu details[open] summary::before{content:"▾ "}
.tumu pre{margin-top:12px;max-height:420px;overflow:auto;background:#0d0d14;
  border:1px solid var(--border);border-radius:12px;padding:16px;font-size:12.5px;
  line-height:1.65;white-space:pre-wrap;word-break:break-word;color:#c8c8d6;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.tumu .tumu-not{margin-top:14px;font-size:12.5px;color:#6f6f85}

/* --- canli fiyat etiketi --- */
.canli-etiket{color:var(--green);font-weight:600}
.canli-etiket::before{content:"● ";animation:nabiz 2s ease-in-out infinite}
@keyframes nabiz{0%,100%{opacity:1}50%{opacity:.35}}

/* --- borsa kayit --- */
.aciklama-kutu{border-left:3px solid var(--accent)}
.borsa-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:20px 0}
.borsa-kart{display:flex;flex-direction:column;gap:6px;background:var(--card);
  border:1px solid var(--border);border-radius:18px;padding:24px;text-decoration:none;
  color:var(--text);transition:border-color .2s,transform .2s}
.borsa-kart:hover{border-color:var(--accent);transform:translateY(-3px)}
.borsa-etiket{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:var(--accent);background:rgba(240,185,11,.14);padding:3px 10px;border-radius:100px;
  align-self:flex-start}
.borsa-kart b{font-family:'Archivo';font-size:21px;margin-top:6px}
.borsa-kart small{color:var(--muted);font-size:14px;line-height:1.55}
.borsa-ok{margin-top:10px;color:var(--accent);font-weight:600;font-size:14.5px}