/* ===================== BLOG ===================== */
/* reuses .tlg-phero + .tlg-crumb + .tlg-acta from about.css */

/* --- category filter --- */
.tlg-blogfilter{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:clamp(36px,5vw,54px)}
.tlg-blogfilter a{font-family:var(--tlg-sans);font-size:.86rem;font-weight:600;letter-spacing:.02em;color:var(--tlg-slate);padding:10px 20px;border:1px solid var(--tlg-line);border-radius:100px;transition:all .2s ease}
.tlg-blogfilter a:hover,.tlg-blogfilter a.is-active{background:var(--tlg-navy);color:#fff;border-color:var(--tlg-navy)}

/* --- post grid --- */
.tlg-bloggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.tlg-bcard{display:flex;flex-direction:column;background:var(--tlg-white);border:1px solid var(--tlg-line);border-radius:var(--tlg-r-md);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.tlg-bcard:hover{transform:translateY(-4px);box-shadow:var(--tlg-shadow-md);border-color:transparent}
.tlg-bcard__media{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(145deg,#152539,#0E1C2E 55%,#0A1523)}
.tlg-bcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.tlg-bcard:hover .tlg-bcard__media img{transform:scale(1.04)}
.tlg-bcard__body{padding:26px 28px 30px;display:flex;flex-direction:column;flex:1}
.tlg-bcard__cat{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tlg-accent);margin-bottom:12px}
.tlg-bcard__body h3{font-size:1.3rem;line-height:1.3;margin-bottom:12px}
.tlg-bcard__body h3 a{color:var(--tlg-ink);transition:color .2s ease}
.tlg-bcard__body h3 a:hover{color:var(--tlg-accent)}
.tlg-bcard__excerpt{font-size:.92rem;color:var(--tlg-slate);line-height:1.6;margin-bottom:18px;flex:1}
.tlg-bcard__meta{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--tlg-slate);border-top:1px solid var(--tlg-line);padding-top:16px}
.tlg-bcard__meta svg{width:15px;height:15px;color:var(--tlg-accent)}

/* --- pagination --- */
.tlg-pagination{display:flex;justify-content:center;gap:8px;margin-top:clamp(40px,5vw,60px)}
.tlg-pagination a,.tlg-pagination span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--tlg-line);border-radius:var(--tlg-r-sm);font-weight:600;font-size:.9rem;color:var(--tlg-ink);transition:all .2s ease}
.tlg-pagination a:hover{border-color:var(--tlg-accent);color:var(--tlg-accent)}
.tlg-pagination .current{background:var(--tlg-navy);color:#fff;border-color:var(--tlg-navy)}

/* ===================== SINGLE POST ===================== */
.tlg-single{max-width:820px;margin-inline:auto}
.tlg-single__cat{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tlg-accent);margin-bottom:16px}
.tlg-single__title{font-size:clamp(2rem,4vw,3rem);line-height:1.12;margin-bottom:20px}
.tlg-single__meta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;color:var(--tlg-slate);font-size:.9rem;padding-bottom:32px;border-bottom:1px solid var(--tlg-line);margin-bottom:36px}
.tlg-single__meta span{display:inline-flex;align-items:center;gap:7px}
.tlg-single__meta svg{width:16px;height:16px;color:var(--tlg-accent)}
.tlg-single__hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--tlg-r-md);margin-bottom:40px;background:linear-gradient(145deg,#152539,#0E1C2E)}
.tlg-prose{color:var(--tlg-ink)}
.tlg-prose p{font-size:1.06rem;line-height:1.8;color:#37414d;margin-bottom:22px}
.tlg-prose h2{font-size:1.75rem;margin:40px 0 16px;color:var(--tlg-ink)}
.tlg-prose strong{color:var(--tlg-ink);font-weight:600}
.tlg-prose ul,.tlg-prose ol{margin:0 0 22px 22px}
.tlg-prose li{font-size:1.06rem;line-height:1.8;color:#37414d;margin-bottom:8px}
.tlg-single__foot{margin-top:48px;padding-top:32px;border-top:1px solid var(--tlg-line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.tlg-single__back{display:inline-flex;align-items:center;gap:8px;color:var(--tlg-accent);font-weight:600;font-size:.9rem}

/* ===================== RESPONSIVE ===================== */
@media (max-width:900px){
  .tlg-bloggrid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .tlg-bloggrid{grid-template-columns:1fr}
}