:root{
  --font-sans:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --site-bg:#ffffff;
  --site-fg:#212529;
  --site-muted:#6c757d;
  --site-border:rgba(0,0,0,.1);
  --site-border-strong:rgba(0,0,0,.15);
  --site-card-bg:#ffffff;
  --site-card-shadow:0 2px 8px rgba(0,0,0,.04);
  --site-nav-bg:#ffffff;
  --site-nav-border:rgba(0,0,0,.08);
  --site-link:#0d6efd;
  --site-badge-bg:#f8f9fa;
  --site-badge-fg:#212529;
  --site-code-bg:#f6f8fa;
  --site-code-fg:#24292f;
  color-scheme: light;
}
[data-theme="dark"]{
  --site-bg:#0f141c;
  --site-fg:#e6e6e6;
  --site-muted:#9aa3b2;
  --site-border:rgba(255,255,255,.08);
  --site-border-strong:rgba(255,255,255,.14);
  --site-card-bg:#171d27;
  --site-card-shadow:0 4px 14px rgba(0,0,0,.35);
  --site-nav-bg:#0f141c;
  --site-nav-border:rgba(255,255,255,.08);
  --site-link:#6ea8fe;
  --site-badge-bg:#1f2430;
  --site-badge-fg:#e6e6e6;
  --site-code-bg:#1a1f2a;
  --site-code-fg:#d0d7de;
  color-scheme: dark;
}
body{font-family:var(--font-sans);background:var(--site-bg);color:var(--site-fg);}
[data-theme="dark"] a:not(.btn):not(.nav-link):not(.navbar-brand):not(.page-link):not(.badge){color:var(--site-link)}
[data-theme="dark"] .navbar{background:var(--site-nav-bg)!important;border-color:var(--site-nav-border)!important}
[data-theme="dark"] .navbar-light .navbar-brand,[data-theme="dark"] .navbar-light .nav-link{color:var(--site-fg)}
[data-theme="dark"] .navbar-light .nav-link:hover{color:#fff}
[data-theme="dark"] .navbar-light .navbar-toggler-icon{filter:invert(1) opacity(.85)}
[data-theme="dark"] .card,[data-theme="dark"] .list-group-item{background:var(--site-card-bg);color:var(--site-fg);border-color:var(--site-border)}
[data-theme="dark"] .shadow-sm{box-shadow:var(--site-card-shadow)!important}
[data-theme="dark"] .text-muted,[data-theme="dark"] .link-secondary{color:var(--site-muted)!important}
[data-theme="dark"] .text-dark{color:var(--site-fg)!important}
[data-theme="dark"] .border-top,[data-theme="dark"] .border-bottom{border-color:var(--site-border)!important}
[data-theme="dark"] .bg-white{background:var(--site-card-bg)!important}
[data-theme="dark"] .badge.text-bg-light{background:var(--site-badge-bg)!important;color:var(--site-badge-fg)!important}
[data-theme="dark"] .btn-outline-secondary{color:var(--site-fg);border-color:var(--site-border-strong)}
[data-theme="dark"] .btn-outline-secondary:hover{background:var(--site-border);color:#fff;border-color:var(--site-border-strong)}
[data-theme="dark"] .btn-outline-dark{color:var(--site-fg);border-color:var(--site-border-strong)}
[data-theme="dark"] .btn-outline-dark:hover{background:var(--site-fg);color:var(--site-bg)}
[data-theme="dark"] .btn-dark{background:#e6e6e6;color:#0f141c;border-color:#e6e6e6}
[data-theme="dark"] .btn-dark:hover{background:#fff;color:#0f141c}
[data-theme="dark"] .form-control,[data-theme="dark"] .form-select{background:var(--site-card-bg);color:var(--site-fg);border-color:var(--site-border-strong)}
[data-theme="dark"] .form-control::placeholder{color:var(--site-muted)}
[data-theme="dark"] .alert-info{background:#132030;color:#cfe2ff;border-color:#1d3456}
[data-theme="dark"] .alert-success{background:#0f2918;color:#c6e7d4;border-color:#1b4a2d}
[data-theme="dark"] .alert-danger{background:#2a1315;color:#f2c1c5;border-color:#4a1d22}
[data-theme="dark"] .hero-card .col-md-5{background:var(--site-badge-bg)}
[data-theme="dark"] .mini-post-card{background:var(--site-card-bg);border-color:var(--site-border)}
[data-theme="dark"] .mini-post-rank{background:var(--site-badge-bg);color:var(--site-fg)}
[data-theme="dark"] .mini-post-thumb--placeholder{background:linear-gradient(135deg,#1a1f2a,#232936)}
[data-theme="dark"] .pagination .page-link{background:var(--site-card-bg);color:var(--site-fg);border-color:var(--site-border-strong)}
[data-theme="dark"] .pagination .page-item.active .page-link{background:var(--site-link);border-color:var(--site-link);color:#0f141c}
[data-theme="dark"] .pagination .page-item.disabled .page-link{background:transparent;color:var(--site-muted)}
[data-theme="dark"] .prose pre{background:#070a10;color:#eaeaea}
[data-theme="dark"] code,[data-theme="dark"] .prose code{background:var(--site-code-bg);color:var(--site-code-fg);padding:.1em .3em;border-radius:.25rem}

/* Tema toggle butonu */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:999px;line-height:1}
.theme-toggle .theme-icon{width:18px;height:18px}
[data-theme="dark"] .theme-toggle .theme-icon-sun{display:inline-block}
[data-theme="dark"] .theme-toggle .theme-icon-moon{display:none}
.theme-toggle .theme-icon-sun{display:none}
.theme-toggle .theme-icon-moon{display:inline-block}

/* Navbar arama formu (kompakt) */
.nav-search{max-width:220px}
@media (max-width: 1199.98px){
  .nav-search{max-width:100%;margin-top:.5rem}
}

/* Navbar link metinleri tek satırda kalsın (örn. "AI Araçları" alt satıra düşmesin) */
.navbar .nav-link{white-space:nowrap}

/* Sosyal medya ikonları (footer) */
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;line-height:1}
.social-icon svg{width:18px;height:18px}
.social-icon:hover{color:var(--site-link)}

/* Footer */
.site-footer{background:var(--site-card-bg);color:var(--site-fg);border-color:var(--site-border)}
.site-footer-bottom{background:var(--site-bg);border-color:var(--site-border)!important}
.site-footer h3{color:var(--site-fg)}
.site-footer .footer-links{margin:0;padding:0}
.site-footer .footer-links li{padding:.2rem 0}
.site-footer .footer-links a,
.site-footer .footer-recent a{color:var(--site-fg);text-decoration:none;transition:color .12s ease}
.site-footer .footer-links a:hover,
.site-footer .footer-recent a:hover{color:var(--site-link)}
.site-footer .footer-recent li{padding-bottom:.25rem;border-bottom:1px dashed var(--site-border);margin-bottom:.25rem}
.site-footer .footer-recent li:last-child{border-bottom:0}
.site-footer .badge.text-bg-light{background:var(--site-badge-bg)!important;color:var(--site-muted)!important}
.brand-logo{height:28px;width:auto}
.brand-wordmark{font-family:'Inter',system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;font-size:1.05rem;line-height:1}
.cover{aspect-ratio:16/9;object-fit:cover;object-position:center;background:#f1f3f5}

/* Kart görselleri: 16:9 çerçeve, arkaplan kart zeminiyle aynı.
   Kaynak görseller farklı oranlarda (bazıları 150x113 gibi çok küçük 4:3) olduğu
   için contain kullan → küçük görseller kırpılmadan ortada dursun, "boşluk"
   kart rengine eşit olduğu için görünmez. HD 16:9 görsellerde tam doldurur. */
img.card-img-top.cover{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto;display:block;background:var(--site-card-bg);padding:0}
[data-theme="dark"] img.card-img-top.cover{background:var(--site-card-bg)}

.card-hover{transition:transform .12s ease, box-shadow .12s ease}
.card-hover:hover{transform:translateY(-2px)}
.content-max{max-width:860px}
.prose{font-size:1.05rem;line-height:1.85}
.prose img{max-width:100%;height:auto;border-radius:16px}
/* Yazı detay hero görseli: intrinsic 16:9 aspect ratio korunsun. */
article.content-max > img.w-100{height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--site-badge-bg,#f1f3f5)}
.prose h1,.prose h2,.prose h3{margin-top:1.2em;margin-bottom:.6em}
.prose pre{padding:12px;border-radius:12px;overflow:auto;background:#0b1020;color:#e7e7e7}

/* HERO: manşet (büyük) + yan kartlar varyasyonu (Hero B) */
.hero-card{overflow:hidden}
.hero-card--main .hero-card__media{display:block;background:var(--site-badge-bg,#f1f3f5);overflow:hidden}
.hero-card--main .hero-card__media img.cover{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}

.hero-b-row{align-items:stretch}
.hero-b-side .hero-side-card{display:block}
.hero-side-card .hero-side-card__media{display:block;height:100%;background:var(--site-badge-bg,#f1f3f5)}
.hero-side-card .hero-side-card__media img.cover{width:100%;height:100%;min-height:110px;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--site-card-bg)}
.hero-side-card .card-body{display:flex;flex-direction:column;justify-content:center}
.hero-side-card h3 a{display:block}

/* Mobilde yan kartlar tam genişlik (col-5/col-7 yapısı küçük ekran için ok) */
@media (max-width: 575.98px){
  .hero-side-card .hero-side-card__media img.cover{min-height:90px;object-fit:contain}
}

/* Mini kartlar (Popüler yazılar) */
.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.icon{width:1em;height:1em;vertical-align:-.125em}
.icon-sm{width:.9em;height:.9em}
.mini-post-card{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:10px 12px;transition:transform .12s ease,box-shadow .12s ease;background:#fff}
.mini-post-card:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.08)}
.mini-post-thumb{width:72px;height:54px;object-fit:cover;border-radius:14px;background:#f1f3f5}
.mini-post-thumb--placeholder{background:linear-gradient(135deg,#f1f3f5,#e9ecef)}
.mini-post-rank{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;background:#f8f9fa;color:#495057;margin-top:2px}
.mini-post-meta{font-size:.78rem;color:#6c757d}
.mini-post-arrow{margin-top:4px}

/* Arama vurgusu */
.search-mark{background:rgba(255,193,7,.35);padding:0 .12em;border-radius:.35rem}

/* Arama formu: küçük ekranda taşmayı engelle */
form[data-search-form]{flex-wrap:wrap}
form[data-search-form] .flex-grow-1{min-width:220px;flex:1 1 220px}
form[data-search-form] [data-search-button]{flex:0 0 auto}

/* Kısa sorgu uyarısı: satır taşmasın */
[data-search-help]{max-width:100%;white-space:normal;word-break:break-word}

/* Skip link — sadece klavye odağında görünür */
.skip-link{position:absolute;top:-40px;left:1rem;z-index:2000;padding:.5rem .9rem;background:#111;color:#fff;border-radius:.5rem;text-decoration:none;font-weight:600}
.skip-link:focus,.skip-link:focus-visible{top:.5rem;outline:2px solid var(--site-link);outline-offset:2px}
#main:focus{outline:none}

/* Odak görünürlüğü (focus-visible) — klavye kullanıcıları için */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible,.btn:focus-visible{outline:2px solid var(--site-link);outline-offset:2px}

/* Reading progress bar (yazı sayfasında, viewport üstünde ince çubuk) */
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:1040;pointer-events:none}
.reading-progress__bar{height:100%;width:0;background:var(--site-link);transition:width .08s linear}

/* Back-to-top butonu */
.back-to-top{position:fixed;right:1rem;bottom:1rem;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--site-card-bg);color:var(--site-fg);border:1px solid var(--site-border-strong);box-shadow:var(--site-card-shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;z-index:1030;padding:0;cursor:pointer}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .18s ease,transform .18s ease,visibility 0s linear 0s}
.back-to-top:hover{background:var(--site-badge-bg)}
.back-to-top svg{width:18px;height:18px}

/* Newsletter şeridi */
.newsletter-strip{background:linear-gradient(135deg,#f8f9fa,#eef1f5);border:1px solid var(--site-border)!important}
[data-theme="dark"] .newsletter-strip{background:linear-gradient(135deg,#171d27,#1f2638)!important}
.newsletter-strip .btn-dark{min-width:140px}

/* Yazı içeriği (.prose) — dark mode'da editor'ün inline color stillerini nötrle.
   Editor genelde color:#333 veya color:black gibi sabit renkler enjekte ediyor;
   gece modunda bu koyu arkaplana denk gelince okunmuyor. */
[data-theme="dark"] .prose,
[data-theme="dark"] .prose p,
[data-theme="dark"] .prose li,
[data-theme="dark"] .prose span,
[data-theme="dark"] .prose div,
[data-theme="dark"] .prose td,
[data-theme="dark"] .prose th,
[data-theme="dark"] .prose blockquote,
[data-theme="dark"] .prose h1,
[data-theme="dark"] .prose h2,
[data-theme="dark"] .prose h3,
[data-theme="dark"] .prose h4,
[data-theme="dark"] .prose h5,
[data-theme="dark"] .prose h6,
[data-theme="dark"] .prose strong,
[data-theme="dark"] .prose em,
[data-theme="dark"] .prose b,
[data-theme="dark"] .prose i,
[data-theme="dark"] .prose u{color:var(--site-fg)!important;background-color:transparent!important}
[data-theme="dark"] .prose a{color:var(--site-link)!important;background-color:transparent!important}
[data-theme="dark"] .prose blockquote{border-left:3px solid var(--site-border-strong);padding-left:.9rem;color:var(--site-muted)!important}
[data-theme="dark"] .prose table{border-color:var(--site-border)!important}
[data-theme="dark"] .prose table td,
[data-theme="dark"] .prose table th{border-color:var(--site-border)!important}
[data-theme="dark"] .prose hr{border-color:var(--site-border-strong)}

/* Hero mobil düzeni — küçük ekranda ana görsel + kart ekranın tamamını
   doldurmasın; 21:9 ve kompakt padding. Auto Ads ile üst üste binmeyi de azaltır. */
@media (max-width:575.98px){
  .hero-card--main .hero-card__media img.cover{aspect-ratio:21/9;max-height:42vh}
  .hero-card--main .card-body{padding:1rem!important}
  .hero-card--main .card-body .btn{padding:.35rem .75rem;font-size:.9rem}
  .hero-card--main h2{font-size:1.1rem;line-height:1.3}
  .hero-card--main p{margin-bottom:.5rem!important;font-size:.92rem;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
}

/* AdSense doldurulmamış slot'ları gizle — boş slot'lar grid arasında görünür
   bir boşluk bırakıyordu (özellikle ana sayfa home_mid). data-ad-status="unfilled"
   AdSense JS tarafından doldurma denemesi başarısız olunca işaretlenir. */
ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
.ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]){display:none!important}
.ad-slot:empty{display:none!important}