/* =========================================================
   MixAPI.store — Blog (/blog/)
   yardim.css'i tamamlar (.yz__govde tipografisi oradan gelir).
   Üretici: tools/gen-blog.js
   ========================================================= */

.bp{max-width:800px;margin:0 auto;padding:8px 20px 72px}

.bp__hero{padding:28px 0 22px;border-bottom:1px solid var(--border,#e6e8ec);margin-bottom:30px}
.bp__etiket{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-2,#4a5160);background:var(--yellow-tint,#fff6d6);
  border:1px solid var(--yellow-soft,#ffe9a3);border-radius:999px;padding:5px 12px;margin-bottom:14px}
.bp__hero h1{font-size:clamp(27px,4.2vw,40px);line-height:1.18;margin:0 0 12px;letter-spacing:-.02em}
.bp__meta{font-size:14.5px;color:var(--ink-3,#7a8294);margin:0}

/* gövde — Blogger'dan gelen ham HTML burada yaşar */
.bp__govde{font-size:17px;line-height:1.78}
.bp__govde img{max-width:100%;height:auto;border-radius:12px;margin:8px 0 18px;
  border:1px solid var(--border,#e6e8ec)}
.bp__govde iframe{max-width:100%;width:100%;aspect-ratio:16/9;height:auto;border:0;
  border-radius:12px;margin:8px 0 20px;background:#000}
.bp__govde h2{font-size:25px;margin:38px 0 13px;letter-spacing:-.015em;
  padding-bottom:8px;border-bottom:2px solid var(--yellow,#FFC600);display:inline-block}
.bp__govde h3{font-size:19.5px;margin:28px 0 9px}
.bp__govde table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 20px;
  border:1px solid var(--border,#e6e8ec);border-radius:10px;overflow:hidden}
.bp__govde th{background:var(--g-50,#f8f9fb);text-align:left;padding:10px 13px;
  border-bottom:2px solid var(--border,#e6e8ec);font-size:13.5px}
.bp__govde td{padding:10px 13px;border-bottom:1px solid var(--border,#e6e8ec);vertical-align:top}
.bp__govde a{color:#0b63d6;text-decoration:underline;text-underline-offset:2px}
.bp__govde>div,.bp__govde>span{max-width:100%}

/* hub listesi */
.bp__liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.bp__kart{display:block;padding:19px 21px;border:1px solid var(--border,#e6e8ec);border-radius:14px;
  background:#fff;text-decoration:none;color:inherit;transition:.15s}
.bp__kart:hover{border-color:var(--yellow,#FFC600);box-shadow:0 6px 20px rgba(20,24,35,.08);
  transform:translateY(-2px)}
.bp__kart b{display:block;font-size:16.5px;line-height:1.35;margin-bottom:8px}
.bp__kart-ozet{display:block;font-size:14px;color:var(--ink-2,#4a5160);line-height:1.6;margin-bottom:11px}
.bp__kart-meta{display:block;font-size:12.5px;color:var(--ink-3,#7a8294);font-weight:600;
  letter-spacing:.02em;text-transform:uppercase}

@media (max-width:560px){
  .bp{padding:4px 16px 56px}
  .bp__govde{font-size:16px}
  .bp__govde h2{font-size:22px}
  .bp__liste{grid-template-columns:1fr}
}