:root{ --accent-hover: var(--gold-bright); --accent-soft: var(--gold-soft); --accent-soft-2: var(--gold-soft-2); }
/* =========================================================================
   Blog — paylaşılan stil katmanı (tüm "1 Ayda" siteleri + Sir Arthur Rock)
   styles.css'teki tasarım değişkenlerini (--accent, --surface-1, --text-1,
   --font-head, --r-md ...) kullanır; her sitenin kendi vurgu rengine
   otomatik uyum sağlar. Sadece blog bileşenlerini tanımlar; nav/footer/btn
   sitenin kendi styles.css'inden gelir.
   ========================================================================= */

.blg-main { padding-top: 84px; }

.blg-wrap { width: min(var(--maxw, 1180px), 100% - 2 * var(--gutter, 24px)); margin-inline: auto; }
.blg-read { width: min(var(--maxw-narrow, 760px), 100% - 2 * var(--gutter, 24px)); margin-inline: auto; }

/* ----------------------------- Breadcrumb ----------------------------- */
.blg-breadcrumb { font-size: .82rem; color: var(--text-3, #8b96ac); letter-spacing: .01em; margin-bottom: 14px; }
.blg-breadcrumb a { color: var(--text-2, #a8b2c6); border-bottom: 1px solid transparent; transition: border-color .2s, color .2s; }
.blg-breadcrumb a:hover { color: var(--accent-hover, var(--accent, #5b9cff)); border-color: currentColor; }

/* ------------------------------- Hero --------------------------------- */
.blg-hero { padding: 56px 0 18px; text-align: center; }
.blg-hero__eyebrow {
  display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-head, sans-serif);
  font-size: .76rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--accent-hover, var(--accent, #5b9cff)); padding: 6px 14px; border-radius: var(--r-pill, 999px);
  background: var(--accent-soft, rgba(91,156,255,.12)); border: 1px solid var(--border, #1e2433);
}
.blg-hero__title {
  font-family: var(--font-head, sans-serif); font-weight: 800; line-height: 1.08;
  font-size: clamp(2rem, 5vw, 3.1rem); color: var(--text-1, #f4f6fb); margin: 18px auto 0; max-width: 16ch;
  letter-spacing: -0.02em;
}
.blg-hero__title .grad { background: linear-gradient(120deg, var(--accent, #5b9cff), var(--accent-hover, #8ea2ff));
  -webkit-background-clip: text; background-clip: text; color: transparent; }
.blg-hero__sub { color: var(--text-2, #a8b2c6); font-size: 1.05rem; line-height: 1.7; max-width: 60ch; margin: 16px auto 0; }

/* ------------------------------ Filter -------------------------------- */
.blg-filter { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 26px 0 8px; }
.blg-chip {
  font-size: .85rem; font-weight: 600; color: var(--text-2, #a8b2c6);
  padding: 8px 16px; border-radius: var(--r-pill, 999px);
  background: var(--surface-1, #141a28); border: 1px solid var(--border, #1e2433);
  cursor: pointer; transition: all .2s var(--ease-ui, ease);
}
.blg-chip:hover { color: var(--text-1, #fff); border-color: var(--border-strong, #2a3346); }
.blg-chip.is-active { color: #fff; background: var(--accent, #3b82f6); border-color: transparent; }

/* ------------------------------- Grid --------------------------------- */
.blg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 22px; padding: 30px 0 8px; }

.blg-card {
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--surface-1, #141a28); border: 1px solid var(--border, #1e2433);
  border-radius: var(--r-lg, 20px); box-shadow: var(--shadow-card, 0 12px 30px -18px rgba(0,0,0,.8));
  transition: transform .25s var(--ease-ui, ease), border-color .25s, box-shadow .25s;
}
.blg-card:hover { transform: translateY(-4px); border-color: var(--border-strong, #2a3346); box-shadow: var(--shadow-lift, 0 18px 50px -22px rgba(0,0,0,.9)); }
.blg-card__cover {
  position: relative; aspect-ratio: 16 / 8; display: grid; place-items: center; padding: 20px; text-align: center;
  background:
    radial-gradient(80% 120% at 20% 10%, var(--accent-soft-2, rgba(59,130,246,.22)), transparent 60%),
    linear-gradient(135deg, var(--surface-2, #1b2333), var(--surface-3, #232c40));
  border-bottom: 1px solid var(--border, #1e2433);
}
.blg-card__cover span {
  font-family: var(--font-head, sans-serif); font-weight: 700; font-size: 1.02rem; line-height: 1.3;
  color: var(--text-1, #f4f6fb); text-shadow: 0 2px 12px rgba(0,0,0,.4);
}
.blg-card__body { display: flex; flex-direction: column; gap: 10px; padding: 18px 20px 22px; flex: 1; }
.blg-card__tag {
  align-self: flex-start; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--accent-hover, var(--accent, #5b9cff)); padding: 4px 10px; border-radius: var(--r-pill, 999px);
  background: var(--accent-soft, rgba(91,156,255,.12));
}
.blg-card__title { font-family: var(--font-head, sans-serif); font-weight: 700; font-size: 1.12rem; line-height: 1.32; color: var(--text-1, #f4f6fb); }
.blg-card__excerpt { font-size: .92rem; color: var(--text-2, #a8b2c6); line-height: 1.6; flex: 1; }
.blg-card__more { font-size: .88rem; font-weight: 700; color: var(--accent-hover, var(--accent, #5b9cff)); margin-top: 4px; }
.blg-card:hover .blg-card__more { text-decoration: underline; }
.blg-card.is-hidden { display: none; }

/* ------------------------------ Article ------------------------------- */
.blg-article { padding: 40px 0 20px; }
.blg-article__meta { font-size: .85rem; color: var(--text-3, #8b96ac); display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 16px; }
.blg-article__meta a { color: var(--accent-hover, var(--accent, #5b9cff)); font-weight: 600; }
.blg-article__title { font-family: var(--font-head, sans-serif); font-weight: 800; line-height: 1.12; letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 4.5vw, 2.7rem); color: var(--text-1, #f4f6fb); }
.blg-article__lead { font-size: 1.18rem; line-height: 1.7; color: var(--text-2, #a8b2c6); margin-top: 18px; }
.blg-article__cover {
  margin: 26px 0 30px; padding: 26px; border-radius: var(--r-lg, 20px); text-align: center;
  font-family: var(--font-head, sans-serif); font-weight: 700; font-size: 1.15rem; color: var(--text-1, #f4f6fb);
  background:
    radial-gradient(70% 130% at 25% 10%, var(--accent-soft-2, rgba(59,130,246,.22)), transparent 60%),
    linear-gradient(135deg, var(--surface-2, #1b2333), var(--surface-3, #232c40));
  border: 1px solid var(--border, #1e2433);
}

/* ------------------------------- Prose -------------------------------- */
.blg-prose { font-size: 1.05rem; line-height: 1.78; color: var(--text-2, #c3ccdb); }
.blg-prose > * + * { margin-top: 1.15em; }
.blg-prose h2 { font-family: var(--font-head, sans-serif); font-weight: 700; font-size: 1.55rem; line-height: 1.25;
  color: var(--text-1, #f4f6fb); margin-top: 1.9em; letter-spacing: -0.01em; }
.blg-prose h3 { font-family: var(--font-head, sans-serif); font-weight: 700; font-size: 1.22rem; line-height: 1.3;
  color: var(--text-1, #f4f6fb); margin-top: 1.6em; }
.blg-prose p { color: var(--text-2, #b9c2d4); }
.blg-prose strong { color: var(--text-1, #f4f6fb); font-weight: 700; }
.blg-prose a { color: var(--accent-hover, var(--accent, #5b9cff)); font-weight: 600; border-bottom: 1px solid color-mix(in srgb, var(--accent, #5b9cff) 40%, transparent); }
.blg-prose a:hover { border-bottom-color: currentColor; }
.blg-prose ul, .blg-prose ol { padding-left: 1.4em; display: flex; flex-direction: column; gap: .55em; }
.blg-prose ul { list-style: none; }
.blg-prose ul > li { position: relative; padding-left: 1.4em; }
.blg-prose ul > li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; border-radius: 50%;
  background: var(--accent, #3b82f6); }
.blg-prose ol { list-style: decimal; }
.blg-prose ol > li { padding-left: .3em; }
.blg-prose li { color: var(--text-2, #b9c2d4); }
.blg-prose blockquote {
  margin: 1.6em 0; padding: 16px 22px; border-left: 3px solid var(--accent, #3b82f6);
  background: var(--surface-1, #141a28); border-radius: 0 var(--r-md, 16px) var(--r-md, 16px) 0;
  color: var(--text-1, #e9eef7); font-style: italic;
}
.blg-prose table { width: 100%; border-collapse: collapse; margin: 1.6em 0; font-size: .96rem; }
.blg-prose th, .blg-prose td { text-align: left; padding: 11px 14px; border-bottom: 1px solid var(--border, #1e2433); }
.blg-prose th { color: var(--text-1, #f4f6fb); font-family: var(--font-head, sans-serif); background: var(--surface-1, #141a28); }
.blg-prose figure { margin: 0; }

/* ------------------------------ CTA box ------------------------------- */
.blg-cta {
  margin: 34px 0; padding: 30px; border-radius: var(--r-lg, 20px); text-align: center;
  background:
    radial-gradient(90% 140% at 50% 0%, var(--accent-soft-2, rgba(59,130,246,.22)), transparent 65%),
    var(--surface-1, #141a28);
  border: 1px solid var(--border-strong, #2a3346);
}
.blg-cta__title { font-family: var(--font-head, sans-serif); font-weight: 800; font-size: 1.4rem; color: var(--text-1, #f4f6fb); }
.blg-cta p { color: var(--text-2, #a8b2c6); margin-top: 10px; line-height: 1.65; max-width: 52ch; margin-inline: auto; }
.blg-cta .btn { margin-top: 18px; }
.blg-cta__alt { display: block; margin-top: 14px; font-weight: 700; color: var(--accent-hover, var(--accent, #5b9cff)); font-size: .92rem; }

/* ------------------------------ Related ------------------------------- */
.blg-related { margin: 40px 0 10px; padding-top: 28px; border-top: 1px solid var(--border, #1e2433); }
.blg-related__title { font-family: var(--font-head, sans-serif); font-weight: 700; font-size: 1.2rem; color: var(--text-1, #f4f6fb); margin-bottom: 14px; }
.blg-related__list { display: grid; gap: 12px; }
.blg-related__list a {
  display: block; padding: 14px 18px; border-radius: var(--r-md, 16px);
  background: var(--surface-1, #141a28); border: 1px solid var(--border, #1e2433);
  color: var(--text-1, #e9eef7); font-weight: 600; transition: border-color .2s, transform .2s, color .2s;
}
.blg-related__list a:hover { border-color: var(--accent, #3b82f6); transform: translateX(3px); color: var(--accent-hover, var(--accent, #5b9cff)); }

/* ----------------------------- Back link ------------------------------ */
.blg-back { display: inline-block; margin-top: 26px; font-weight: 700; color: var(--accent-hover, var(--accent, #5b9cff)); }

@media (max-width: 640px) {
  .blg-hero { padding: 40px 0 10px; }
  .blg-article { padding: 28px 0 16px; }
  .blg-cta { padding: 24px 18px; }
}

/* --- İçindekiler (table of contents) --- */
.blg-prose h2{scroll-margin-top:92px;}
.blg-toc{margin:0 0 26px;padding:18px 22px;background:var(--surface-1,#141a28);border:1px solid var(--border,#1e2433);border-radius:var(--r-md,16px);}
.blg-toc__title{font-family:var(--font-head,sans-serif);font-weight:700;font-size:.95rem;color:var(--text-1,#f4f6fb);margin-bottom:10px;}
.blg-toc ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px;}
.blg-toc li{margin:0;padding:0;}
.blg-toc li::before{display:none;}
.blg-toc a{color:var(--text-2,#a8b2c6);font-size:.92rem;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;}
.blg-toc a:hover{color:var(--accent-hover,var(--accent,#5b9cff));border-color:currentColor;}

/* --- Yazar / E-E-A-T kutusu --- */
.blg-article__author{color:var(--text-2,#a8b2c6);}
.blg-author{display:flex;gap:14px;align-items:center;margin:34px 0 6px;padding:18px 20px;background:var(--surface-1,#141a28);border:1px solid var(--border,#1e2433);border-radius:var(--r-md,16px);}
.blg-author__avatar{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.15rem;color:var(--bg-base,#0A0E17);background:linear-gradient(135deg,var(--accent,#3b82f6),var(--accent-hover,#5b9cff));font-weight:800;}
.blg-author__name{font-family:var(--font-head,sans-serif);font-weight:700;color:var(--text-1,#f4f6fb);font-size:.98rem;}
.blg-author__bio{color:var(--text-2,#a8b2c6);font-size:.9rem;line-height:1.55;margin-top:2px;}
.blg-author__bio a{color:var(--accent-hover,var(--accent,#5b9cff));font-weight:600;}

/* --- Blog arama kutusu --- */
.blg-search-wrap{display:flex;justify-content:center;margin:6px 0 0;}
.blg-search{width:min(440px,100%);padding:11px 18px;border-radius:var(--r-pill,999px);background:var(--surface-1,#141a28);border:1px solid var(--border,#1e2433);color:var(--text-1,#f4f6fb);font:inherit;font-size:.95rem;}
.blg-search:focus{outline:none;border-color:var(--accent,#3b82f6);}
.blg-search::placeholder{color:var(--text-3,#8b96ac);}
.blg-empty{text-align:center;color:var(--text-2,#a8b2c6);padding:30px 0;}

/* --- Okuma ilerleme + yukari cik --- */
.blg-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent,#3b82f6),var(--accent-hover,#5b9cff));z-index:130;transition:width .1s linear;}
.blg-top{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2,#1b2333);border:1px solid var(--border-strong,#2a3346);color:var(--text-1,#f4f6fb);font-size:1.25rem;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s,transform .25s,border-color .2s;z-index:130;box-shadow:var(--shadow-lift,0 18px 50px -22px rgba(0,0,0,.9));}
.blg-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0);}
.blg-top:hover{border-color:var(--accent,#3b82f6);}
@media print{.blg-progress,.blg-top{display:none;}}

/* --- Paylas butonlari --- */
.blg-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:30px 0 6px;padding-top:20px;border-top:1px solid var(--border,#1e2433);}
.blg-share__label{font-weight:700;color:var(--text-1,#f4f6fb);font-size:.9rem;margin-right:4px;}
.blg-share__btn{font-size:.82rem;font-weight:600;color:var(--text-2,#a8b2c6);padding:7px 14px;border-radius:var(--r-pill,999px);background:var(--surface-1,#141a28);border:1px solid var(--border,#1e2433);cursor:pointer;text-decoration:none;transition:all .2s;}
.blg-share__btn:hover{color:var(--text-1,#fff);border-color:var(--accent,#3b82f6);}
.blg-share__copy.is-copied{color:#fff;background:var(--success,#22c55e);border-color:transparent;}

/* --- Sözlük (glossary) --- */
.blg-glossary{display:grid;gap:14px;margin-top:24px;}
.blg-gloss-item{padding:16px 20px;background:var(--surface-1,#141a28);border:1px solid var(--border,#1e2433);border-radius:var(--r-md,16px);scroll-margin-top:92px;}
.blg-gloss-term{font-family:var(--font-head,sans-serif);font-weight:700;color:var(--text-1,#f4f6fb);font-size:1.05rem;}
.blg-gloss-def{color:var(--text-2,#a8b2c6);margin-top:6px;line-height:1.6;}
.blg-gloss-def a{color:var(--accent-hover,var(--accent,#5b9cff));font-weight:600;}

/* --- SSS (FAQ accordion) --- */
.blg-faq{display:grid;gap:12px;margin-top:24px;}
.blg-faq__item{background:var(--surface-1,#141a28);border:1px solid var(--border,#1e2433);border-radius:var(--r-md,16px);overflow:hidden;}
.blg-faq__item summary{cursor:pointer;padding:16px 20px;font-family:var(--font-head,sans-serif);font-weight:700;color:var(--text-1,#f4f6fb);list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;}
.blg-faq__item summary::-webkit-details-marker{display:none;}
.blg-faq__item summary::after{content:"+";color:var(--accent-hover,var(--accent,#5b9cff));font-size:1.4rem;flex:none;transition:transform .2s;line-height:1;}
.blg-faq__item[open] summary::after{transform:rotate(45deg);}
.blg-faq__a{padding:0 20px 18px;color:var(--text-2,#a8b2c6);line-height:1.65;}
.blg-faq__a a{color:var(--accent-hover,var(--accent,#5b9cff));font-weight:600;}

/* --- Blog alt gezinme (hub linkleri) --- */
.blg-foot-nav{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:26px;padding-top:18px;border-top:1px solid var(--border,#1e2433);}
.blg-foot-nav a{font-weight:600;color:var(--text-2,#a8b2c6);font-size:.92rem;}
.blg-foot-nav a:hover{color:var(--accent-hover,var(--accent,#5b9cff));}
.blg-foot-nav .blg-back{margin:0;color:var(--accent-hover,var(--accent,#5b9cff));}