/* HistoryBlocks — responsivo (todos os @media) */
@media (max-width:1024px){
  .hb-hero h1{font-size:2.2rem}
  .hb-cards{grid-template-columns:repeat(2,1fr)}
  .hb-edu-grid{grid-template-columns:repeat(2,1fr)}
  .hb-glossary-grid,.hb-about-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
  .hb-menu{position:fixed;top:62px;right:-100%;width:min(78vw,320px);height:calc(100vh - 62px);flex-direction:column;background:var(--hb-parch);border-left:3px double var(--hb-sepia-deep);padding:1.6rem;gap:1.2rem;transition:right .3s ease}
  .hb-menu.open{right:0}
  .hb-toggle{display:flex}
  .hb-hero{padding:6.5rem 0 3.5rem}
  .hb-hero-grid{grid-template-columns:1fr}
  .hb-tl-nav{flex-wrap:wrap;gap:.7rem;justify-content:flex-start}
  .hb-tl-dot{width:52px;height:52px;font-size:.8rem}
  .hb-tl-track{display:none}
  .hb-tl-marks{grid-template-columns:1fr}
  .hb-team{grid-template-columns:repeat(3,1fr)}
  .hb-footer-grid{grid-template-columns:1fr;text-align:center}
  .hb-footer nav,.hb-footer-auth{align-items:center}
}
@media (max-width:480px){
  .hb-hero h1{font-size:1.7rem}
  h2{font-size:1.45rem}
  .hb-cards,.hb-edu-grid,.hb-team{grid-template-columns:1fr}
  .hb-hero-actions .hb-btn{width:100%;text-align:center}
  .hb-tl-panel{padding:1.4rem}
}