/* TrainingBot V130 — topic landing pages */
.tb-category-hero{padding:76px 0 46px}
.tb-category-hero .container{max-width:1180px}
.tb-back-link{display:inline-flex;margin-bottom:28px;color:#80e7ff;font-size:.8rem;font-weight:800;text-decoration:none}
.tb-category-hero h1{max-width:850px;margin:14px 0 18px;font:800 clamp(3rem,7vw,5.5rem)/.94 "Space Grotesk",Inter,sans-serif;letter-spacing:-.06em}
.tb-category-hero p{max-width:720px;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.7}
.tb-category-content{padding:18px 0 110px}
.tb-category-content h2{margin:10px 0 28px;font:800 clamp(2rem,4vw,3rem)/1 "Space Grotesk",Inter,sans-serif;letter-spacing:-.045em}
.tb-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.tb-category-article{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(18,25,48,.9),rgba(9,14,27,.94));color:inherit;text-decoration:none;transition:.2s ease}
.tb-category-article:hover{transform:translateY(-4px);border-color:rgba(115,229,255,.36)}
.tb-category-article img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.08)}
.tb-category-article>span{display:flex;min-height:240px;flex-direction:column;padding:22px}
.tb-category-article small{color:#6de5ff;font-size:.67rem;font-weight:900;letter-spacing:.1em}
.tb-category-article strong{margin:18px 0 12px;font:800 1.25rem/1.25 "Space Grotesk",Inter,sans-serif;letter-spacing:-.03em}
.tb-category-article em{color:var(--muted);font-size:.88rem;font-style:normal;line-height:1.6}
.tb-category-article b{margin-top:auto;padding-top:22px;color:#e5ebff;font-size:.78rem}
.tb-category-empty{padding:26px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}
@media(max-width:920px){.tb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .tb-category-hero{padding:42px 0 30px}
  .tb-back-link{margin-bottom:22px}
  .tb-category-hero h1{font-size:clamp(2.7rem,13vw,4rem)}
  .tb-category-hero p{font-size:.94rem}
  .tb-category-content{padding:12px 0 96px}
  .tb-category-content h2{font-size:1.8rem}
  .tb-category-grid{grid-template-columns:1fr;gap:14px}
  .tb-category-article{border-radius:18px}
  .tb-category-article>span{min-height:210px;padding:18px}
}
