/* === Erk-Han Teknik Kutuphane makaleleri (koyu tema) === */
.eh-phero .eha-sub{margin:14px 0 0;max-width:900px;color:#c6ccbb;font-family:var(--font-head);font-size:clamp(14px,1.7vw,18px);font-weight:600;letter-spacing:.12em;text-transform:uppercase}
[dir=rtl] .eh-phero .eha-sub{letter-spacing:0}
.eha{max-width:860px!important;margin:0 auto;color:#c6ccbb}
.eha *{box-sizing:border-box}
.eha-meta{display:flex;align-items:center;gap:14px;padding:0 0 22px;margin:0 0 26px;border-bottom:1px solid var(--line)}
.eha-meta div{display:flex;flex-direction:column;line-height:1.35}
.eha-meta b{font-size:15px;color:var(--text)}
.eha-meta span{font-size:13px;color:var(--muted)}
.eha-meta .rt{margin-inline-start:auto;font-size:12.5px;font-weight:600;color:var(--green);background:var(--green-soft);border:1px solid var(--green-line);padding:6px 12px;border-radius:999px;white-space:nowrap}
.eha .av{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 56px;box-shadow:0 0 0 3px var(--bg,#070806),0 0 0 4px var(--green)}
.eha .av.lg{width:84px;height:84px;flex-basis:84px}
.eha .av.ph{display:flex;align-items:center;justify-content:center;background:var(--green-soft);color:var(--green);font-family:var(--font-head);font-weight:700;font-size:18px}
.eha .av.lg.ph{font-size:26px}
.eha-toc{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:0 0 34px}
.eha-toc b{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-weight:600}
.eha-toc ol{margin:0;padding-inline-start:20px;columns:2;column-gap:28px;font-size:14px;line-height:1.75}
.eha-toc li{break-inside:avoid}
.eha-toc a{color:#dde2d4}
.eha-toc a:hover{color:var(--green)}
.eha-body p{font-size:17px;line-height:1.8;margin:0 0 20px}
.eha-body h2{font-family:var(--font-head);color:var(--text);font-size:clamp(22px,2.6vw,28px);font-weight:700;letter-spacing:-.3px;line-height:1.25;margin:46px 0 16px;scroll-margin-top:110px;position:relative;padding-inline-start:18px}
.eha-body h2::before{content:"";position:absolute;inset-inline-start:0;top:.18em;bottom:.18em;width:4px;border-radius:3px;background:linear-gradient(180deg,var(--green),rgba(190,229,28,.15))}
.eha-body > p:first-child{font-size:19px;line-height:1.7;color:#e6e9df}
.eha-body > p:first-child::first-letter{float:left;font-family:var(--font-head);font-size:3.4em;line-height:.9;font-weight:800;color:var(--green);margin:4px 10px 0 0}
html[dir=rtl] .eha-body > p:first-child::first-letter{float:none;font-size:inherit;margin:0;color:inherit;font-weight:inherit;font-family:inherit}
.eha-body a{color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.eha-callout{margin:26px 0;padding:18px 22px;border-radius:16px;background:linear-gradient(135deg,rgba(190,229,28,.1),rgba(190,229,28,.02));border:1px solid var(--green-line);border-inline-start:4px solid var(--green)}
.eha-callout p{margin:0!important;font-size:16.5px!important;font-weight:600;color:var(--text);line-height:1.6!important}
.eha-fig{margin:34px 0}
.eha-fig img{width:100%;height:auto;border-radius:18px;display:block;border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.eha-fig figcaption{font-size:13.5px;color:var(--muted);margin-top:10px;line-height:1.5;padding-inline-start:12px;border-inline-start:3px solid var(--green)}
/* tablolar (.npage table kurallarini ezer) */
.eha-tbl{--tc:#BEE51C;--tt:rgba(190,229,28,.08);margin:34px 0;border-radius:18px;overflow:hidden;border:1px solid var(--line-strong);background:var(--panel)}
.eha-tbl.tone-blue{--tc:#5f8fd9;--tt:rgba(95,143,217,.1)}
.eha-tbl.tone-red{--tc:#e05a60;--tt:rgba(224,90,96,.1)}
.eha-tbl.tone-green{--tc:#4eb887;--tt:rgba(78,184,135,.1)}
.eha-tbl.tone-violet{--tc:#a879d1;--tt:rgba(168,121,209,.1)}
.eha-tbl.tone-rainbow{--tc:#BEE51C;--tt:rgba(255,255,255,.04)}
.eha-tbl figcaption{background:var(--tt);color:var(--text);font-family:var(--font-head);font-weight:600;font-size:15px;padding:14px 18px;border-bottom:2px solid var(--tc)}
.eha-tbl.tone-rainbow figcaption{border-image:linear-gradient(90deg,#e8c93f,#e0873f,#e05a60,#a879d1,#5f8fd9,#4eb887,#BEE51C) 1}
.eha-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.npage .eha-tbl table{display:table;width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5;min-width:560px;margin:0;overflow:visible}
.npage .eha-tbl th,.npage .eha-tbl td{border:0!important}
.npage .eha-tbl th{background:rgba(255,255,255,.03);color:var(--muted);text-align:start;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:11px 14px;border-bottom:1px solid var(--line-strong)!important}
.npage .eha-tbl td{padding:12px 14px;border-bottom:1px solid var(--line)!important;vertical-align:top;color:#c6ccbb}
.eha-tbl tbody tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.npage .eha-tbl tbody tr:last-child td{border-bottom:0!important}
.npage .eha-tbl td:first-child{font-weight:700;color:var(--text);border-inline-start:3px solid var(--tc)!important}
.npage .eha-tbl.tone-rainbow tbody tr:nth-child(7n+1) td:first-child{border-inline-start-color:#e8c93f!important}
.npage .eha-tbl.tone-rainbow tbody tr:nth-child(7n+2) td:first-child{border-inline-start-color:#e0873f!important}
.npage .eha-tbl.tone-rainbow tbody tr:nth-child(7n+3) td:first-child{border-inline-start-color:#e05a60!important}
.npage .eha-tbl.tone-rainbow tbody tr:nth-child(7n+4) td:first-child{border-inline-start-color:#a879d1!important}
.npage .eha-tbl.tone-rainbow tbody tr:nth-child(7n+5) td:first-child{border-inline-start-color:#5f8fd9!important}
.npage .eha-tbl.tone-rainbow tbody tr:nth-child(7n+6) td:first-child{border-inline-start-color:#4eb887!important}
.npage .eha-tbl.tone-rainbow tbody tr:nth-child(7n+7) td:first-child{border-inline-start-color:#BEE51C!important}
.eha-tbl td a{color:var(--tc);font-weight:600}
/* adimlar */
.eha-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:st}
.eha-steps li{counter-increment:st;position:relative;background:var(--panel);border:1px solid var(--line-strong);border-radius:16px;padding:48px 16px 16px;font-size:14px;line-height:1.55;color:#c6ccbb}
.eha-steps li::before{content:counter(st);position:absolute;top:14px;inset-inline-start:16px;width:26px;height:26px;border-radius:50%;color:#0A0B08;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;background:var(--green)}
.eha-steps li:nth-child(2)::before{background:#e8c93f}
.eha-steps li:nth-child(3)::before{background:#5f8fd9;color:#fff}
.eha-steps li:nth-child(4)::before{background:#a879d1;color:#fff}
.eha-steps b{display:block;color:var(--text);font-size:15px;margin-bottom:4px;font-family:var(--font-head);font-weight:600}
/* yazar + cta */
.eha-author{display:flex;align-items:center;gap:18px;margin:46px 0 26px;padding:22px;border-radius:18px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--green-line)}
.eha-author div{display:flex;flex-direction:column;line-height:1.4}
.eha-author span{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);font-weight:600}
.eha-author b{font-family:var(--font-head);font-size:20px;margin:2px 0;color:var(--text)}
.eha-author em{font-style:normal;color:var(--muted);font-size:14px}
.eha-cta{border:1px solid var(--green-line);background:var(--green-soft);border-radius:18px;padding:24px;margin:0 0 20px}
.eha-cta h2{font-family:var(--font-head);color:var(--text);font-size:21px;font-weight:700;margin:0 0 6px}
.eha-cta p{margin:0 0 14px;color:#c6ccbb;font-size:15px}
.eha-cta div{display:flex;flex-wrap:wrap;gap:10px}
.eha-btn{display:inline-flex;align-items:center;background:var(--green);color:#0A0B08;font-family:var(--font-head);font-weight:600;font-size:14.5px;padding:12px 22px;border-radius:999px;border:1px solid var(--green);transition:.2s}
.eha-btn:hover{box-shadow:0 0 0 4px var(--green-soft);color:#0A0B08}
.eha-btn.ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}
.eha-btn.ghost:hover{border-color:var(--green);color:var(--green);box-shadow:none}
@media (max-width:760px){
  .eha-toc ol{columns:1}
  .eha-steps{grid-template-columns:1fr 1fr}
  .eha-body p{font-size:16px}
  .eha-meta{flex-wrap:wrap}
  .eha-meta .rt{margin-inline-start:0}
  .eha-author{flex-direction:column;align-items:flex-start}
}
@media (max-width:420px){.eha-steps{grid-template-columns:1fr}}
/* mobil: tablo satirlari kart olarak */
@media (max-width:640px){
  .npage .eha-tbl table{min-width:0}
  .eha-tbl thead{display:none}
  .npage .eha-tbl table,.eha-tbl tbody,.eha-tbl tr,.npage .eha-tbl td{display:block;width:100%}
  .eha-tbl tr{padding:12px 14px;border-bottom:1px solid var(--line)}
  .eha-tbl tbody tr:nth-child(even) td{background:none}
  .eha-tbl tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
  .npage .eha-tbl td{border:0!important;padding:3px 0}
  .npage .eha-tbl td:first-child{font-size:15.5px;padding:0 0 6px 10px;border-inline-start:3px solid var(--tc)!important;margin-bottom:4px}
  html[dir=rtl] .npage .eha-tbl td:first-child{padding:0 10px 6px 0}
  .eha-tbl td:not(:first-child)::before{content:attr(data-label);display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:4px}
}
bdi{unicode-bidi:isolate}