/* =======================================================================
   styles.css  —  Global + Home + Post detail (merged & deconflicted)
   Base: eski main.css
   Eklenenler (eski styles.css’ten): FAQ, Related grid, Author card,
   IBcalc hizalama, Breadcrumb ve “safety fence” yardımcıları.
   ÇAKIŞMA YAPANLAR (nav/brand/hero, global h1 vs.) BİLEREK ALINMADI.
   ======================================================================= */

/* =========== 1) BASE / TOKENS =========== */
:root{
  --bg:#f7f9fc;
  --bg-soft:#fff;
  --text:#0f172a;
  --muted:#64748b;
  --brand:#4361ee;
  --brand-2:#6d28d9;

  /* extras used by components */
  --stroke:#e5e7eb;
  --highlight:#eef2ff;
  --accent:#eef2ff;
  --brand2:#6d28d9;
  --radius:16px;
  --radius-lg:28px;
  --ring:0 0 0 3px rgba(67,97,238,.25);
  --shadow:0 10px 30px rgba(2,6,23,.08);

  /* SİTE GENEL CONTAINER GENİŞLİĞİ (header + içerik aynı değeri kullanır) */
  --cont:1030px;
  --cont-head:1920px; 
}

/* === FULL-WIDTH HEADER === */
:root{
  /* header iç yan boşluğu (kenarlardan nefes payı) */
  --head-pad: clamp(12px, 4vw, 28px);
}

/* Sadece header içindeki container’ı genişlet */
.mh > .container{
  max-width: none;   /* sınırlamayı kaldır */
  width: 100%;
  padding-left: var(--head-pad);
  padding-right: var(--head-pad);
}

/* (opsiyonel) Tabs satırı da kenarlara kadar açılsın */
.mh .tabs{
  margin-left: calc(var(--head-pad) * -1);
  margin-right: calc(var(--head-pad) * -1);
  padding-left: var(--head-pad);
  padding-right: var(--head-pad);
}

/* Kategorileri ortala (masaüstü) */
.mh .tabs{
  justify-content: center;   /* <— asıl hamle */
}

/* Mobil/tablette yatay kaydırma için sola hizalı kalsın */
@media (max-width: 960px){
  .mh .tabs{ justify-content: flex-start; }
}

/* tüm sayfada ortak container */
.container{
  width:100%;
  max-width:var(--cont);
  margin-inline:auto;
  padding-inline:24px;
}

/* (opsiyonel) koyu tema tokenları – eski styles.css uyumluluğu */
html[data-theme="dark"]{
  --bg:#34443F;
  --bg-soft:#44554F;
  --text:#FEFBF8;
  --muted:#F3C0BA;
  --brand:#FEFBF8;
  --brand-2:#F4CCB0;       /* eşleşen ikincil */
  --accent:#F4CCB0;
  --highlight:#F3C0BA;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

/* Header yüksekliği kadar yukarıdan boşluk bırakarak anchor’lara kaydır */
html{
  scroll-padding-top: var(--mh, 120px);
}

/* Başlıklar anchor ile hedeflenince header altında doğru hizalansın */
#articleContent h2,
#articleContent h3,
#articleContent h4{
  scroll-margin-top: calc(var(--mh, 120px) + 8px);
}

/* Sticky aside için dinamik offset (eski top:96px’i kaldırıyoruz) */
:root{ --mh-offset: 120px; }               /* varsayılan, JS ile güncellenecek */
.calc-pane{ position: sticky; top: var(--mh-offset); }

*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
  color:var(--text);
  background:var(--bg);
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.container{width:min(var(--cont),94vw);margin:0 auto;padding:0 24px}

/* =========== 2) HEADER (mh) =========== */
.mh{position:sticky; top:0; z-index:1000; background:#fff; border-bottom:1px solid #eef2f7;}
.mh__row{
  min-height:72px; display:grid; align-items:center; gap:16px;
  grid-template-columns:minmax(180px,260px) 1fr; padding:8px 0;
}
.brand{display:flex; align-items:center; gap:10px; font-weight:900; min-width:0;}
.brand .logo{
  width:26px; height:26px; border-radius:8px; display:grid; place-items:center;
  background:conic-gradient(from 140deg, #4f46e5, #22c55e, #f97316);
}
.brand .wordmark{font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%}
.brand .tld{opacity:.65}

/* Search bar */
.mh-search{
  position:relative; display:flex; align-items:center; background:#fff;
  border:1px solid #dfe5ff; border-radius:999px; box-shadow:var(--shadow);
  padding:8px 12px 8px 16px; width:100%;
}
.mh-search input{flex:1; border:0; outline:0; font-size:15px; padding:10px 8px; border-radius:999px; background:transparent;}
.mh-search .sbtn{display:grid; place-items:center; width:40px; height:40px; border-radius:999px; border:0; background:#eef2ff; color:#4f46e5; cursor:pointer}
.mh-search .clear-x{margin-right:6px; font-weight:700; color:#3b82f6; line-height:1; cursor:pointer; user-select:none; display:none;}
.mh-search.has-text .clear-x{display:inline-block;}

/* Suggest dropdown */
.sug{
  position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:9999; background:#fff;
  border:1px solid var(--stroke); border-radius:14px; box-shadow:var(--shadow);
  overflow:hidden; display:none; max-height:70vh; overflow:auto;
}
.sug.open{display:block;}
.sug ul{list-style:none; margin:0; padding:8px}
.sug li{display:flex; align-items:center; gap:10px; padding:12px 12px; border-radius:10px; cursor:pointer;}
.sug li:hover, .sug li.active{background:#f5f7ff}
.sug .t{font-weight:600}
.sug .cat{margin-left:auto; color:#667085; font-size:13px; display:flex; align-items:center; gap:8px; white-space:nowrap}
.bullet{width:6px; height:6px; border-radius:999px; background:#c7c9d6; display:inline-block}

/* Category tabs */
.tabs{display:flex; gap:26px; overflow:auto; scrollbar-width:none; -ms-overflow-style:none; border-top:1px solid #f2f4fb}
.tabs::-webkit-scrollbar{display:none}
.tablink{position:relative; padding:14px 0; font-weight:800; color:#111827; white-space:nowrap}
.tablink.active{color:#3b5bfd}
.tablink.active::after{content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:#3b5bfd; border-radius:3px}

@media (max-width:960px){
  .mh__row{grid-template-columns:1fr; gap:10px}
  .brand .wordmark{font-size:16px}
}

/* =========== 3) GLOBAL BUTTONS =========== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1rem;border-radius:12px;border:1px solid rgba(2,6,23,.08);background:#fff;box-shadow:var(--shadow);font-weight:800}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}

/* =========== 4) HOME (index.php) =========== */
.hero.omni .hero-inner{ grid-template-columns: 1fr; }
.hero.omni .eyebrow{ font-weight:900; }
.hero-count{
  margin:.25rem 0 .5rem; font-weight:900; line-height:1.1;
  font-size: clamp(2rem, 2.5rem + 2vw, 3rem);
}
.hero-count .num{
  background: linear-gradient(90deg, #4F6CFB, #8A5CFF);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.search-wrap{
  margin:22px 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--highlight) 12%, transparent), color-mix(in srgb, var(--brand2) 6%, transparent));
  border:1px solid color-mix(in srgb, var(--brand) 15%, transparent);
  border-radius: var(--radius-lg); box-shadow: var(--shadow); padding:.6rem;
}
.search{
  display:flex; align-items:center; gap:.6rem; background: var(--bg-soft);
  border:1px solid color-mix(in srgb, var(--brand) 15%, transparent); border-radius:16px; padding:.6rem .8rem;
}
.search input{ flex:1; background:transparent; border:0; outline:none; color:var(--text); font-size:1.05rem; padding:.6rem; }

.search-xl{ border:1px solid #E7ECF6; border-radius:999px; padding:.8rem 1rem; box-shadow:0 18px 42px rgba(18,32,56,.10); }
.search-xl input{ font-size:1rem; padding:.55rem .6rem; }
.search-xl .search-btn{
  margin-left:.4rem; display:inline-grid; place-items:center;
  width:40px; height:40px; border-radius:999px; border:0; cursor:pointer; background:#EEF2FF;
}
.search-xl .search-btn svg{ width:18px; height:18px; color:#2746DD; }

.suggest{ display:flex; flex-wrap:wrap; gap:.4rem .5rem; margin-top:.6rem; }
.chip{
  display:inline-flex; align-items:center; padding:.35rem .6rem; border-radius:999px;
  background: color-mix(in srgb, var(--accent) 25%, transparent);
  border:1px solid color-mix(in srgb, var(--brand) 15%, transparent);
  font-size:.9rem; font-weight:600; text-decoration:none; cursor:pointer;
}
.chip:hover{ background: color-mix(in srgb, var(--accent) 40%, transparent); }

/* kategori board (grid + kartlar) */
.cat-board{
  position:relative; background:#fff; border:1px solid #E7ECF6;
  border-radius:28px; padding:18px; box-shadow:0 18px 42px rgba(18,32,56,.10);
}
.cat-board::before{
  content:""; position:absolute; top:-16px; left:50%; transform:translateX(-50%);
  width:140px; height:24px; background:#fff; border:1px solid #E7ECF6; border-top:none;
  border-bottom-left-radius:20px; border-bottom-right-radius:20px;
}
.cat-grid--board{ display:grid; grid-template-columns: repeat(6,1fr); gap:12px }
@media (max-width: 1200px){ .cat-grid--board{ grid-template-columns: repeat(4,1fr) } }
@media (max-width: 980px){  .cat-grid--board{ grid-template-columns: repeat(3,1fr) } }
@media (max-width: 640px){  .cat-grid--board{ grid-template-columns: repeat(2,1fr) } }

.cat-tile{
  display:grid; place-items:center; text-align:center;
  padding:20px 14px; border-radius:18px; background:#fff; border:1px solid #E7ECF6;
  box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
  transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease;
  text-decoration:none; color:inherit;
}
.cat-tile:hover{ transform: translateY(-2px); box-shadow: var(--shadow); border-color:#DBE5F5 }
.cat-ico{
  display:grid; place-items:center; width:48px; height:48px; border-radius:12px;
  background:#F2F6FF; color:#2746DD; margin-bottom:10px;
}
.cat-tile h3{ margin:.2rem 0 .2rem; font-size:1rem; font-weight:800 }
.cat-tile .sub{ color:#6B7A90; font-size:.86rem }

/* Home featured grid */
.tool-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:16px; align-items:stretch; }
@media (max-width:1200px){ .tool-grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width:640px){  .tool-grid{ grid-template-columns: 1fr; } }
.flag-new{
  position:absolute; top:10px; right:10px; padding:.25rem .5rem; font-size:.75rem; font-weight:800; color:var(--text);
  background: color-mix(in srgb, var(--accent) 28%, transparent);
  border:1px solid color-mix(in srgb, var(--brand) 18%, transparent); border-radius:999px; box-shadow:var(--shadow);
}
.badge{ display:inline-block; padding:.25rem .5rem; border-radius:999px; background: color-mix(in srgb, var(--accent) 20%, transparent); border:1px solid color-mix(in srgb, var(--brand) 14%, transparent); font-size:.75rem; font-weight:800; }
.rel-media{ margin:0; display:block; inline-size:100%; aspect-ratio:16/10; position:relative; overflow:hidden; }
.rel-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease, opacity .2s ease; }
.tool-card{ text-decoration:none; }
.tool-card .rel-media{ aspect-ratio:16/7; }
.tool-card .rel-title{ font-size:1rem; line-height:1.3; }
.tool-card .meta{ gap:.5rem; font-size:.85rem; }
@supports not (aspect-ratio:1){ .tool-card .rel-media{ height:140px; } }

/* =========== 5) POST DETAIL (content + calculator) =========== */
/* === POST GRID: sol içerik + sağ panel === */
.post-shell{
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(360px, 520px); /* sağ biraz daha geniş */
  gap:32px;
  align-items:start;
  /* sticky'nin “ebeveyn tabanı” tüm satır olsun diye overflow kapatma! */
  overflow: visible;
}
/* sticky ve scroll hesaplarının boğulmaması için kritik: */
.post-shell > *{ min-width:0; min-height:0; }

/* Sağ panel sticky + iç scroll; scrollbar gizli ama wheel/trackpad çalışır */
.calc-pane{
  position: sticky;
  top: calc(var(--mhH, 112px) + 8px);
  z-index: 5;
}
.calc-pane .calc-card{
  max-height: calc(100vh - (var(--mhH, 112px) + 8px));
  overflow: auto;
  overscroll-behavior: auto;        /* zincirlemeyi serbest bırak (kritik) */
  -webkit-overflow-scrolling: touch;/* iOS inertial */
  scrollbar-width: none;            /* Firefox */
}
.calc-pane .calc-card::-webkit-scrollbar{ display:none; } /* WebKit */

@media (max-width: 980px){
  .calc-pane{ position: static; top:auto; }
  .calc-pane .calc-card{ max-height:none; overflow:visible; }
}

/* Spin butonlarını saklamak için */
.calc-pane .calc-card input[type="number"]::-webkit-outer-spin-button,
.calc-pane .calc-card input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
.calc-pane .calc-card input[type="number"]{ -moz-appearance: textfield; }





/* Tek kolonda sticky olmasın, en üste gelsin */
@media (max-width:1120px){
  .post-shell{ display:flex; flex-direction:column; gap:16px; }
  .calc-pane{ position: static; top:auto; bottom:auto; order:-1; }
}

@media (max-width:980px){ .post-shell{ grid-template-columns:1fr } }

/* sol içerik */
.content-pane .post-updated{ color:var(--muted); font-size:14px; margin:6px 0 10px }
.post-title{ font-size:clamp(28px,3.4vw,40px); font-weight:900; line-height:1.2; margin:4px 0 14px }

/* author satırı (bazı eski sayfalar için bırakıldı) */
.author-inline{ display:flex; align-items:center; gap:10px; margin:4px 0 18px }
.author-inline .avatar{ width:36px; height:36px; border-radius:999px; object-fit:cover }
.author-inline .label{ font-size:12px; color:var(--muted); line-height:1 }
.author-inline .name{ font-weight:700 }

/* ToC kutusu */
.toc-card{ background:#fff; border:1px solid var(--stroke); border-radius:14px; padding:14px 16px; box-shadow:var(--shadow); margin:6px 0 18px }
.toc-card h3{ margin:0 0 8px; font-size:15px; font-weight:800 }
.toc-card ol{ margin:0; padding-left:18px; display:grid; gap:6px }
.toc-card a{ color:#111827; text-decoration:none }
.toc-card a:hover{ color:var(--brand) }

/* blog içerik */
#articleContent{ line-height:1.75; font-size:18px }
#articleContent p{ margin:0 0 12px }
#articleContent h2{ font-size:22px; font-weight:800; margin:26px 0 10px }

/* sağdaki hesaplayıcı paneli (header yüksekliğine göre) */
.calc-pane,
.post-aside{
  position: sticky;
  top: calc(var(--mhH, 112px) + 8px); /* header + sekmeler yüksekliği + ufak boşluk */
  z-index: 5; /* header 1000’de, bu görünürlük için yeterli */
}
.calc-card{ padding:0 }

/* Scoped wrapper generic yakalama: <div class="post-XXX post-XXX__root"> ... .card ... </div> */
.calc-card [class$="__root"]{ display:block }
/* Calculator kartı – beyaz arkaplan + ince border */
.calc-pane .calc-card [class$="__root"] .card{
  width:100% !important;
  background:#fff !important;
  border:1px solid #E6EDF5 !important;      /* ince ve yumuşak çizgi */
  border-radius:18px !important;             /* ovallik */
  box-shadow:0 8px 24px rgba(18,32,56,.08);  /* hafif gölge */
}
.calc-card .card h1{ display:none }

/* küçük ekranlarda hesaplayıcıyı alta indir */
@media (max-width:980px){
  .calc-pane{ position:static; }
}

/* =========== 6) MISC/UTILITIES (legacy uyumluluk) =========== */
.nav{ /* legacy .nav kullanan sayfalar için */
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(140%) blur(6px);
  background: linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.6));
  border-bottom:1px solid rgba(2,6,23,.06);
}
.nav__in{height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand .tld{opacity:.6}
.menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(2,6,23,.08);background:transparent}
.nav-links{display:flex;align-items:center;gap:.4rem}
.nav-links a{padding:.55rem .75rem;border-radius:12px;border:1px solid transparent}
.nav-links a:hover{background:rgba(67,97,238,.06);border-color:rgba(2,6,23,.06)}
.nav-links a.active{background:rgba(67,97,238,.12);border-color:rgba(67,97,238,.18)}
@media (max-width:980px){
  .menu-toggle{display:inline-flex}
  .nav-links{
    position:absolute;top:64px;right:0;width:min(280px,92vw);
    background:#fff;border:1px solid rgba(2,6,23,.08);border-radius:12px;padding:.5rem;display:none;flex-direction:column
  }
  .nav-links.open{display:flex}
}

/* ======================================================================
   7) SEÇİLMİŞ EKLER (eski styles.css’ten) — ÇAKIŞMA YOK
   ====================================================================== */

/* kapak/hero görseli varsa gizle (post içeriğinin en başında büyük görsel çıkmasın) */
.post-title::before,
.post-title::after,
.content-pane .post-cover,
.content-pane .hero,
.content-pane .hero-image,
.content-pane > img:first-child{
  display:none !important;
  content:none !important;
}

/* Breadcrumb */
.breadcrumb { margin: 8px 0 14px; font-size: 14px; }
.breadcrumb ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.breadcrumb .crumb { color: #55646c; }
.breadcrumb .crumb+.crumb::before { content: '›'; opacity: .6; margin: 0 .25rem 0 .1rem; }
.breadcrumb a { text-decoration: none; color: inherit; }
.breadcrumb [aria-current="page"] { font-weight: 600; color: #2a3a42; }

/* Related posts grid */
.related-posts { margin-top: 16px; }
.related-title { margin: 0 0 10px 0; font-size: 1.25rem; font-weight: 900; color: var(--text); }
.related-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; align-items: stretch; }
.rel-card{
  display:flex; flex-direction:column; height:100%; text-decoration:none;
  background: var(--bg-soft);
  border: 1px solid color-mix(in srgb, var(--brand) 14%, transparent);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
  transition: transform .16s ease, box-shadow .25s ease, border-color .25s ease;
}
.rel-card:hover{ transform: translateY(-2px); box-shadow: 0 14px 36px rgba(0,0,0,.10); border-color: color-mix(in srgb, var(--brand) 26%, transparent); }
@media (max-width:1200px){ .related-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:820px){  .related-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){  .related-grid{ grid-template-columns:1fr; } }

/* Author card (transparent) */
.post-author{
  margin:22px 0 8px; padding:16px;
  border:1px solid rgba(0,0,0,.08); border-radius:14px;
  background:transparent; box-shadow:none;
}
.post-author__hdr{ display:flex; align-items:center; gap:14px; margin-bottom:6px; }
.post-author__avatar{ width:56px; height:56px; border-radius:999px; object-fit:cover; background:transparent; border:1px solid rgba(0,0,0,.08); flex:0 0 56px; }
.post-author__meta{display:flex; flex-direction:column; gap:3px}
.post-author__name{font-weight:800; line-height:1.2; font-size:1.05rem; color:#22313A}
.post-author__title{color:#5b6c76; font-size:.95rem}
.post-author__row.mini{display:flex; align-items:center; gap:8px; color:#6b7a83; font-size:.85rem}
.post-author__bio{color:#2b3840; line-height:1.6; margin-top:6px}
.post-author__links{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px }
.post-author .chip{
  display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;
  border:1px solid rgba(0,0,0,.08); background:rgba(255,255,255,.4);
  text-decoration:none; font-weight:700; font-size:.92rem; color:#22313A;
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  transition:transform .16s ease, background-color .16s ease, border-color .16s ease;
}
.post-author .chip:hover{ transform:translateY(-1px); border-color:rgba(0,0,0,.18); background:rgba(255,255,255,.65) }
@media (max-width:600px){
  .post-author{ padding:14px }
  .post-author__avatar{ width:50px; height:50px; flex-basis:50px }
}

/* FAQ (revamp) */
.post-faq{
  --faq-radius: var(--radius-lg, 16px);
  --faq-gap: 10px;
  --faq-bg: var(--bg-soft, #fff);
  --faq-border: color-mix(in srgb, var(--brand) 36%, transparent);
  --faq-hover: color-mix(in srgb, var(--accent) 14%, transparent);
  --faq-open:  color-mix(in srgb, var(--brand2) 16%, #fff);

  width: min(450px, 94vw);
  margin: 32px auto;
  padding: 18px;
  border-radius: var(--faq-radius);
  border: 1px solid transparent;
  background:
    linear-gradient(var(--faq-bg), var(--faq-bg)) padding-box,
    linear-gradient(135deg,
      color-mix(in srgb, var(--brand) 42%, transparent),
      color-mix(in srgb, var(--brand2) 42%, transparent)) border-box;
  box-shadow: 0 10px 30px rgba(0,0,0,.08), 0 1px 0 rgba(255,255,255,.22) inset;
}
.post-faq__title{ margin:4px 8px 14px; font-size:clamp(20px, 2.6vw, 20px); font-weight:700; line-height:1.2; }
.post-faq__list{ display:grid; gap:var(--faq-gap); content-visibility:auto; }
.post-faq__item{
  position:relative; overflow:clip; border-radius:calc(var(--faq-radius) - 6px);
  background: color-mix(in srgb, var(--accent) 6%, transparent);
  border:1px solid color-mix(in srgb, var(--brand) 12%, transparent);
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .12s ease;
}
.post-faq__item::before{
  content:""; position:absolute; inset:6px auto 6px 6px; width:3px; border-radius:2px;
  background: color-mix(in srgb, var(--brand) 70%, transparent);
  opacity:0; transform:translateX(-4px);
  transition: transform .22s ease, opacity .22s ease;
}
.post-faq__item:hover{ background: var(--faq-hover); border-color: color-mix(in srgb, var(--brand) 22%, transparent); }
.post-faq__item:active{ transform: scale(.998); }
.post-faq__item[open]{ background: var(--faq-open); border-color: color-mix(in srgb, var(--brand) 28%, transparent); box-shadow: 0 10px 26px rgba(0,0,0,.08); }
.post-faq__item[open]::before{ opacity:1; transform:translateX(0); }
.post-faq__q{
  list-style:none; cursor:pointer; display:grid; grid-template-columns:1fr auto; align-items:center; gap:.85rem;
  padding:14px 14px; font-weight:600; color:var(--text); border-radius:calc(var(--faq-radius) - 8px); user-select:none; line-height:1.25;
}
.post-faq__q::-webkit-details-marker{ display:none; }
.post-faq__q::after{
  content:""; inline-size:11px; block-size:11px; flex:0 0 11px; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform: rotate(45deg) translateY(-1px); opacity:.75; transition: transform .22s ease, opacity .22s ease;
}
.post-faq__item[open] .post-faq__q::after{ transform: rotate(225deg); opacity:1; }
.post-faq__a{ padding:0 14px 14px 14px; font-size:18px; color:var(--muted); overflow:hidden; }
.post-faq__a p{ margin:0; white-space:pre-wrap; line-height:1.58; }
.post-faq__a > * + *{ margin-top:.5rem; }
@media (max-width:640px){ .post-faq{ padding:14px } .post-faq__q{ padding:12px 12px } }

/* --- FAQ: Mobile tam genişlik + beyaz kartlar (2. görsel stili) --- */
@media (max-width: 640px){
  .post-faq{
    width: 100% !important;
    margin: 16px 0 !important;
    padding: 0 !important;

    /* dış kapsülün gradient-border ve gölgesini kaldır */
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* her bir soru kendi beyaz kartı olsun */
  .post-faq__item{
    border-radius: 12px !important;
    background: #fff !important;
    border: 1px solid #E6EDF5 !important;
    box-shadow: 0 8px 22px rgba(18,32,56,.06) !important;
    transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
  }
  .post-faq__item:hover{
    box-shadow: 0 12px 28px rgba(18,32,56,.10) !important;
    border-color: #DDE6F2 !important;
    background: #fff !important;
  }
  .post-faq__item[open]{
    box-shadow: 0 12px 28px rgba(18,32,56,.12) !important;
  }

  .post-faq__q{ padding: 12px 14px !important; }
  .post-faq__a{ padding: 0 14px 12px 14px !important; font-size: 16px !important; }
}

/* IB Math bileşeni – hizalama */
.post-main .post-body .ibcalc{ display:block; margin:0; }
.post-main .post-body .ibcalc__card{
  width:100%; max-width:none; margin:0; background:#fff; border-radius:36px; box-shadow:var(--shadow); padding:22px;
}

/* “Safety fence” – post kolonunda taşma engelleri */
.post-main{ min-width:0; }
@media (min-width:1025px){
  .post-layout{ grid-template-columns:minmax(0,1fr) 300px; } /* legacy uyum, ana layoutı bozmaz */
}
.post-main .post-body{ max-width:100%; overflow:visible; isolation:isolate; }
.post-main .post-body > *{ max-width:100% !important; }
.post-main .post-body [class$="__root"]{ inline-size:100% !important; max-inline-size:100% !important; }
.post-main .post-body [class$="__root"] .card{
  inline-size:100% !important; max-inline-size:100% !important; margin-left:auto; margin-right:auto; box-sizing:border-box;
}
.post-main .post-body table,
.post-main .post-body pre,
.post-main .post-body code,
.post-main .post-body .code,
.post-main .post-body iframe{ max-width:100%; overflow-x:auto; }
.post-main .post-body img,
.post-main .post-body svg,
.post-main .post-body video{ max-width:100%; height:auto; }

/* === POST LAYOUT (alias: eski adlarla da çalışsın) === */
.post-layout,
.post-shell.alias{ /* alias için opsiyonel ek sınıf */
  display:grid;
  grid-template-columns: 0.8fr 1.2fr; /* burada da yarı yarıya */
  gap:32px;
  align-items:start;
  margin-top:8px;
}
@media (max-width:980px){
  .post-layout,
  .post-shell.alias{ grid-template-columns:1fr; }
}


/* hesaplayıcı kartı genel çerçeve (eski .calc-card desteği) */
.calc-card [class$="__root"]{ display:block; }
.calc-card [class$="__root"] .card{
  width:100% !important;
  border-radius:20px;
  box-shadow:0 20px 40px rgba(2,6,23,.08);
}
.calc-card .card h1{ display:none; }

/* ===== Author Card (transparent, site uyumlu) ===== */
.post-author{
  margin:22px 0 8px;
  padding:16px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  background:transparent;          /* beyaz zemin KALDIRILDI */
  box-shadow:none;                  /* gölge yok */
}
.post-author__hdr{
  display:flex; align-items:center; gap:14px; margin-bottom:6px;
}
.post-author__avatar{
  width:56px; height:56px; border-radius:999px; object-fit:cover;
  background:transparent; border:1px solid rgba(0,0,0,.08); flex:0 0 56px;
}
.post-author__avatar--ph{
  display:inline-block;
  background:linear-gradient(135deg,#f8ccd8,#ffd6b3);
}
.post-author__meta{display:flex; flex-direction:column; gap:3px}
.post-author__name{font-weight:800; line-height:1.2; font-size:1.05rem; color:#22313A}
.post-author__title{color:#5b6c76; font-size:.95rem}
.post-author__row.mini{display:flex; align-items:center; gap:8px; color:#6b7a83; font-size:.85rem}
.post-author__bio{color:#2b3840; line-height:1.6; margin-top:6px}

/* link chip'leri */
.post-author__links{
  display:flex; gap:8px; flex-wrap:wrap; margin-top:10px
}
.post-author .chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.4);        /* açık temada çok hafif cam efekti */
  text-decoration:none; font-weight:700; font-size:.92rem;
  color:#22313A;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:transform .16s ease, background-color .16s ease, border-color .16s ease;
}
.post-author .chip:hover{ transform:translateY(-1px); border-color:rgba(0,0,0,.18); background:rgba(255,255,255,.65) }
.post-author .chip .i{ width:16px; height:16px; display:inline-block; fill:currentColor; opacity:.9 }

/* genel ikon */
.post-author .i{ width:14px; height:14px; display:inline-block; fill:currentColor }

/* Dark mode */
@media (prefers-color-scheme: dark){
  .post-author{
    border-color:#1f2a44;
    background:transparent;
  }
  .post-author__avatar{ border-color:#1f2a44 }
  .post-author__name{ color:#e5ecff }
  .post-author__title,.post-author__row.mini{ color:#8ba3c7 }
  .post-author__bio{ color:#cfd9ff }
  .post-author .chip{
    border-color:#1f2a44;
    background:rgba(16,25,46,.6);
    color:#e5ecff;
  }
  .post-author .chip:hover{
    border-color:#2a3a60;
    background:rgba(16,25,46,.8);
  }
}

/* daha sıkı yerleşim için mobile */
@media (max-width:600px){
  .post-author{ padding:14px }
  .post-author__avatar{ width:50px; height:50px; flex-basis:50px }
}

/* ===== Author inline (Creators + name + hover popover) ===== */
.author-compact{
  display:flex; align-items:flex-start; gap:14px;
  padding:16px; margin:12px 0 14px;
  background:#fff; border:1px solid var(--stroke);
  border-radius:14px; box-shadow:var(--shadow);
  position:relative;
}
.author-compact__avatar{
  width:56px; height:56px; border-radius:999px; object-fit:cover;
  background:#f1f5f9; flex:0 0 56px; border:1px solid rgba(0,0,0,.08);
}
.author-compact__avatar--ph{ background:linear-gradient(135deg,#f8ccd8,#ffd6b3); }
.author-compact__meta{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.author-compact__eyebrow{ font-size:12px; color:var(--muted); line-height:1; font-weight:700; }
.author-compact__name{
  font-weight:800; color:#111827; text-decoration:none; position:relative; display:inline-flex; align-items:center; gap:6px;
}
.author-compact__name:hover{ color:var(--brand); }



/* --- ToC: arka plan transparan --- */
.toc-card{
  background: transparent;
  border: 1px solid rgba(2,6,23,.06);
  border-radius:14px;
  padding:14px 16px;
  box-shadow: none;
  margin:6px 0 18px;
}

/* --- Author: transparan (güvence) --- */
.post-author{
  background: transparent;
  box-shadow: none;
}

/* --- Helpful + Actions bar --- */
.meta-helpful{ margin:10px 0 16px; display:grid; gap:10px; }
.meta-helpful .mh-line{
  display:flex; align-items:center; gap:8px; color:#0f172a;
  font-size:15px;
}
.meta-helpful .mh-line .i{ width:18px; height:18px; color:#111827; }
.meta-helpful #likeCount{ font-weight:800; }

.meta-helpful .mh-actions{ display:flex; flex-wrap:wrap; gap:10px; }

/* Birleşik rate control (like | count | dislike) */
.rate-control{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 12px; border-radius:12px;
  border:1px solid rgba(2,6,23,.08); background:#fff0;
  box-shadow: var(--shadow);
  backdrop-filter: saturate(120%) blur(0px);
}
.rate-control .btn-like,
.rate-control .btn-dislike{
  width:24px; height:24px; display:inline-grid; place-items:center;
  border:0; background:transparent; cursor:pointer; border-radius:8px;
}
.rate-control .btn-like.on .i{ color:#10b981; }
.rate-control .btn-like:hover .i{ transform:translateY(-1px); }
.rate-control .count{ font-weight:800; color:#0f172a; }
.rate-control .sep{ opacity:.45; }

/* Diğer aksiyon ikonları */
.meta-helpful .act{
  width:42px; height:42px; display:inline-grid; place-items:center;
  border-radius:12px; border:1px solid rgba(2,6,23,.10);
  background:#fff0; box-shadow: var(--shadow);
}
.meta-helpful .act .i{ width:18px; height:18px; color:#1f2937; }
.meta-helpful .act:hover{ background: rgba(67,97,238,.06); }

/* Koyu tema */
@media (prefers-color-scheme: dark){
  .toc-card{ border-color: #223046; }
  .meta-helpful .act{ border-color:#223046; }
  .rate-control{ border-color:#223046; }
  .meta-helpful .act .i, .rate-control .i{ color:#e5ecff; }
  .meta-helpful .mh-line{ color:#e5ecff; }
  .meta-helpful #likeCount{ color:#e5ecff; }
}

/* ===== Helpful bar (like / dislike + sosyal) ===== */
.meta-helpful{
  display:flex; align-items:center; justify-content:space-between;
  gap:14px; margin:10px 0 16px; background:transparent;
}
.meta-helpful .mh-line{
  display:flex; align-items:center; gap:8px; color:#334155; font-size:14px;
}
.meta-helpful .mh-actions{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }

/* like/dislike grubu */
.meta-helpful .rate-control{
  display:flex; align-items:center; gap:8px;
  padding:6px; border-radius:12px;
  background:rgba(15,23,42,.04);
  border:1px solid rgba(2,6,23,.06);
}
.meta-helpful .rate-control .btn-like,
.meta-helpful .rate-control .btn-dislike{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; line-height:0;
  border-radius:12px; cursor:pointer;
  border:1px solid rgba(2,6,23,.10); background:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset;
}
.meta-helpful .rate-control .btn-like.on,
.meta-helpful .rate-control .btn-like[aria-pressed="true"]{
  background:#ecfdf5; border-color:#a7f3d0;
}
.meta-helpful .rate-control .count{
  font-weight:800; color:#0f172a; min-width:2ch; text-align:right;
}
.meta-helpful .mh-actions .sep{ color:#94a3b8; }

/* sosyal kare butonlar */
.meta-helpful .act{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; line-height:0; cursor:pointer;
  border-radius:12px; border:1px solid rgba(2,6,23,.10); background:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset;
}
.meta-helpful .act:hover,
.meta-helpful .rate-control .btn-like:hover,
.meta-helpful .rate-control .btn-dislike:hover{
  transform:translateY(-1px); box-shadow:0 10px 30px rgba(2,6,23,.08);
}

/* ikon boyutları (sprite <symbol>’ler stroke-current kullanıyor) */
.meta-helpful .i{ width:18px; height:18px; vector-effect:non-scaling-stroke; }


/* yalnız like butonuna on/pressed stili veriyoruz */
.meta-helpful .rate-control .btn-like.on,
.meta-helpful .rate-control .btn-like[aria-pressed="true"]{
  background:#ecfdf5; border-color:#a7f3d0;
}

/* dislike asla 'on' olmaz; sadece hover gölgesi */
.meta-helpful .rate-control .btn-dislike.on,
.meta-helpful .rate-control .btn-dislike[aria-pressed="true"]{
  background:#fff; border-color:rgba(2,6,23,.10);
}

/* feedback’e dikkat çekmek için minik puls animasyonu */
@keyframes pulseRing {
  0%   { box-shadow:0 0 0 0 rgba(220,38,38,.35); }
  100% { box-shadow:0 0 0 14px rgba(220,38,38,0); }
}
#feedback.pulse, [data-feedback].pulse{
  animation:pulseRing .8s ease-out 2;
  border-radius:12px;
}

/* Like 'on' (yeşil) — zaten vardı */
.meta-helpful .rate-control .btn-like.on,
.meta-helpful .rate-control .btn-like[aria-pressed="true"]{
  background:#ecfdf5;        /* açık yeşil */
  border-color:#a7f3d0;
}

/* Dislike 'on' (kırmızı ton) */
.meta-helpful .rate-control .btn-dislike.on,
.meta-helpful .rate-control .btn-dislike[aria-pressed="true"]{
  background:#fef2f2;        /* çok açık kırmızı */
  border-color:#fecaca;
  color:#dc2626;
}
.meta-helpful .rate-control .btn-dislike:hover{
  background:#fee2e2;
  border-color:#fecaca;
}

/* --- Author & TOC: kutusuz/şeffaf görünüm --- */
.post-author{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding-left:0; padding-right:0;
}
.toc-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding-left:0; padding-right:0;
}
.toc-card h3{ margin:0 0 8px; font-weight:800; }

/* Helpful / Rate control — Omni benzeri kapsül */
.meta-helpful{ display:flex; align-items:center; gap:14px; margin:10px 0 4px; }
.meta-helpful .i{ width:18px; height:18px; }

.rate-control{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px; border:1px solid #E6EDF5; border-radius:14px;
  background:#fff; box-shadow:0 8px 22px rgba(18,32,56,.07);
}
.rate-control .btn-like,
.rate-control .btn-dislike{
  width:44px; height:44px; display:grid; place-items:center;
  border:1px solid #E6EDF5; border-radius:12px; background:#fff;
  cursor:pointer; transition:transform .08s ease, background-color .2s, border-color .2s, color .2s;
}
.rate-control .btn-like:active,
.rate-control .btn-dislike:active{ transform:translateY(1px) }

.rate-control .btn-like.on{
  color:#10b981;
  background:rgba(16,185,129,.10);
  border-color:rgba(16,185,129,.35);
}
.rate-control .btn-dislike.on{
  color:#ef4444;
  background:rgba(239,68,68,.10);
  border-color:rgba(239,68,68,.35);
}

.rate-control .count{
  font-weight:800; color:#0f172a; min-width:24px; text-align:center; padding:0 4px;
}
.rate-control .sep{
  width:1px; height:22px; background:#E6EDF5; display:inline-block;
}

/* Sadece like/dislike grubu için uygula */
.meta-helpful .rate-control .chip{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;            /* iç boşluk yok */
  border-radius:12px;
}

.meta-helpful .rate-control .chip .i,
.meta-helpful .rate-control .chip svg{
  width:20px;
  height:20px;
  overflow:visible;     /* stroke kenardan kırpılmasın */
}


/* ===========================================================
   MOBILE OVERRIDES — append to the end of styles.css
   =========================================================== */

/* container genişliği ve iç boşluklar */
@media (max-width: 1280px){
  :root{ --cont: 1140px; }
}
@media (max-width: 1024px){
  :root{ --cont: 980px; }
}
@media (max-width: 820px){
  .container{ padding-inline:16px; }
  .post-title{ font-size: clamp(26px, 4.2vw, 34px); }
  .author-compact{ padding:12px 14px; }
}

/* telefon – düzen sıkı */
@media (max-width: 640px){
  .container{ padding-inline:14px; }

  /* başlık ve metin */
  .post-title{ font-size: 26px; margin: 2px 0 10px; }
  #articleContent{ font-size: 17px; line-height: 1.7; }

  /* Author + link chip’leri */
  .post-author{ padding:12px 0; }
  .post-author__avatar{ width:48px; height:48px; flex-basis:48px; }
  .post-author__links{ gap:6px; }
  .post-author .chip{ padding:7px 10px; font-size:.88rem; }

  /* TOC — çerçevesiz, daha kompakt */
  .toc-card{ padding:8px 0; margin:4px 0 12px; }
  .toc-card h3{ font-size:14px; }
  .toc-card ol{ gap:4px; }

  /* Helpful bar (like/dislike) */
  .meta-helpful{ gap:10px; }
  .meta-helpful .mh-line{ font-size:13px; gap:6px; }
  .rate-control{
    padding:4px;
    border-radius:12px;
  }
  .rate-control .btn-like,
  .rate-control .btn-dislike{
    width:40px; height:40px; border-radius:10px;
  }
  .rate-control .count{
    font-size:15px; min-width:2ch; padding:0 2px;
  }
  .rate-control .sep{ height:20px; }

  /* ikonların kesilmemesi için */
  .rate-control .chip svg,
  .rate-control .btn-like svg,
  .rate-control .btn-dislike svg{ width:20px; height:20px; overflow:visible; }

  /* header arama + sekmeler biraz sıkı */
  .mh__row{ gap:10px; }
  .mh-search{ padding:6px 10px 6px 12px; }
}

/* dar telefon – elementleri alt alta yerleştir, tuşlar küçülsün */
@media (max-width: 480px){
  .meta-helpful{
    align-items: stretch;
    flex-wrap: wrap;
  }
  .meta-helpful .mh-line{ order:1; width:100%; }
  .rate-control{ order:2; }

  .rate-control .btn-like,
  .rate-control .btn-dislike{ width:36px; height:36px; }
  .rate-control .sep{ display:none; } /* çok dar ekranda ayraç gereksiz */
  .meta-helpful .i{ width:16px; height:16px; }

  /* yazar adı + satır boşlukları */
  .post-author__meta{ gap:2px; }
  .post-author__title{ font-size:.9rem; }
}

/* en dar */
@media (max-width: 380px){
  .rate-control .btn-like,
  .rate-control .btn-dislike{ width:34px; height:34px; }
  .post-author .chip{ padding:6px 9px; font-size:.86rem; }
}

/* tablet ve aşağısında aside’ı zaten sabit olmayan yapıyorsun;
   yine de güvenlik için üst offset’i küçültelim */
@media (max-width: 980px){
  :root{ --mh-offset: 80px; }
  .calc-pane{ position: static; top: auto; }
}

/* kategori sekmeleri – mobilde rahat kaydırılsın */
@media (max-width: 820px){
  .tabs{ gap:18px; padding-bottom:6px; }
  .tablink{ padding:12px 0; }
}

/* ===========================================================
   MOBILE STACKING – aside en üste, author mobil düzen
   =========================================================== */

/* 1) Tek kolona geçince aside (calculator) en üstte */
@media (max-width: 1120px){
  .post-shell{
    display: flex !important;          /* grid yerine kolon */
    flex-direction: column !important;
    gap: 16px !important;
  }
  /* aside önce gelsin ve sticky olmasın */
  .calc-pane{
    order: -1 !important;
    position: static !important;
    top: auto !important;
    margin: 10px 0 16px !important;
  }
  .content-pane{ order: 0 !important; }

  /* hesaplayıcı kartı tam genişlik */
  .calc-card [class$="__root"],
  .calc-card [class$="__root"] .card{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 20px;
  }

  /* ToC ve Author da kutusuz tam genişlik */
  .toc-card,
  .post-author{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  /* 🔧 FAQ mobil/tek kolonda TAM GENİŞLİK ve dış kapsül şeffaf kalsın */
  .post-faq{
    width:100% !important;
    max-width:100% !important;
    margin:16px 0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  #feedback,[data-feedback]{
    width:100% !important;
    max-width:100% !important;
    margin:28px 0 !important;
  }

  /* Helpful bar daha rahat */
  .meta-helpful{
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }
  .rate-control{
    padding: 4px !important;
    border-radius: 12px !important;
  }
  .rate-control .btn-like,
  .rate-control .btn-dislike{
    width: 38px !important; height: 38px !important; border-radius: 10px !important;
  }
  .rate-control .sep{ display: none !important; }
}

/* 2) Author kartını mobil uyumlu yap */
@media (max-width: 720px){
  .post-author__hdr{ align-items: flex-start; gap: 12px; }
  .post-author__avatar{ width: 44px; height: 44px; flex-basis: 44px; }
  .post-author__name{ font-size: 1rem; }
  .post-author__title{ font-size: .88rem; }
  .post-author__links{ gap: 6px; }
  .post-author .chip{ padding: 6px 10px; font-size: .86rem; }
  .post-author__bio{ font-size: .95rem; }
}

/* 3) Dar telefonlar için ufak sıkıştırma */
@media (max-width: 400px){
  .container{ padding-inline: 14px; }
  .rate-control .btn-like,
  .rate-control .btn-dislike{ width: 34px; height: 34px; }
}


/* === Author: minimal/compact görünüm === */
.post-author{ 
  padding:8px 0; 
  margin:8px 0 6px; 
  border:0 !important; 
  background:transparent !important; 
  box-shadow:none !important; 
}
.post-author__hdr{ gap:18px; margin:0; align-items:center; }
.post-author__avatar{ width:82px; height:82px; flex-basis:42px; }
.post-author__label{ font-size:12px; color:#6b7280; margin:0; line-height:1; font-weight:700; }

.post-author__name-row{ 
  display:flex; flex-wrap:wrap; align-items:baseline; 
  gap:.35ch; line-height:1.2;
}
.post-author__name{ font-size:1rem; font-weight:800; color:#111827; }
.post-author__title-inline{ font-size:.9rem; font-weight:600; color:#64748b; }

/* Lokasyon satırını istemiyorsan kapat */
.post-author__row.mini{ display:none; }

/* Reviewers satırı çok satır kaplamasın; “and” dar mesafe */
.post-reviewers__list{ display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:.25ch; }
.post-author__label + .post-reviewers__list{ margin-top:2px; }
.and-sep{ color:#66737c; margin:0 .25ch; }

/* İsimleri link gibi göster (popover tetikleyicileri span) */
.post-author__name,
.post-reviewers__list .post-author__name{
  color:#2563eb;
  text-decoration:underline;
  text-underline-offset:2px;
}

/* Link chip’lerini minimal görünümde gizlemek istersen aç */
.post-author__links{ display:none; }

@media (max-width:640px){
  .post-author__avatar{ width:38px; height:38px; flex-basis:38px; }
  .post-author__name{ font-size:.98rem; }
}

/* Author adının boyutu */
.post-author__name{
  font-size: 0.95rem;    /* ~15px; istersen 0.9rem yap */
  line-height: 1.15;
}

/* Reviewers adları author'dan biraz daha küçük olsun */
.post-reviewers__list .post-author__name{
  font-size: 0.90rem;    /* ~14px */
  font-weight: 700;      /* istersen 600 yapabilirsin */
}

/* Ünvan yazısı (", MD" gibi) */
.post-author__title-inline{
  font-size: 0.88rem;    /* reviewer/author yanındaki unvanı da küçült */
}


/* Formula block */
article .k-formula,
.k-formula {
  background: linear-gradient(180deg, #f8fafc, #f3f4f6);
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 14px 16px;
  overflow: auto;
  box-shadow: inset 0 1px 0 rgba(0,0,0,.02);
  position: relative;
  color: #111827;
  margin: 12px 0;
}

.k-formula::after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 4px;
  border-radius: 12px 0 0 12px;
  background: #3b82f6;
  opacity: .75;
}

.k-formula::before {
  content: "formula";
  position: absolute;
  top: 6px;
  right: 10px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #6b7280;
  background: #eef2ff;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  padding: 2px 8px;
}

.k-formula code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 15px;
  line-height: 1.6;
  font-variant-ligatures: none;
  display: inline;
  background: #FFF7D6;
  padding: 2px 6px;
  border-radius: 8px;
  white-space: pre-wrap;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

@media (prefers-color-scheme: dark) {
  .k-formula {
    background: #0f172a;
    border-color: #1f2937;
    color: #e5e7eb;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  }
  .k-formula::before {
    background: #111827;
    color: #9ca3af;
    border-color: #374151;
  }
  .k-formula::after {
    background: #60a5fa;
    opacity: .7;
  }
  .k-formula code {
    background: #1a2a44;
  }
}