/* Componentes das novas áreas; sem alterar a leitura da AAR. */
.section-nav, .book-navigation { display: flex; flex-wrap: wrap; gap: 1rem; }
.section-nav { align-items: center; }
.section-nav a { text-decoration: none; }
.section-nav a:hover, .book-navigation a:hover { text-decoration: underline; }
.section-main { padding-top: 2rem; }
.hero h1 { max-width: 16ch; font-size: clamp(2.6rem, 7vw, 6rem); line-height: 1.04; overflow-wrap: break-word; }
.section-main h1 { max-width: 22ch; font-size: clamp(2.2rem, 5vw, 4rem); line-height: 1.12; letter-spacing: -0.04em; }
.book-intro { max-width: 48rem; margin-top: 3rem; }
.edition-note { color: var(--muted); font-size: 0.85rem; line-height: 1.6; overflow-wrap: anywhere; }
.section-main > .edition-note { margin-top: 3rem; max-width: 48rem; }
.book-navigation { flex-direction: column; }
.document-footer .book-navigation { margin-bottom: 1rem; }
.document-article h4, .document-article h5 { scroll-margin-top: 90px; line-height: 1.4; }
.document-article h4 { margin-top: 2rem; font-size: 1.08rem; }
.document-article h5 { margin-top: 1.6rem; font-size: 1rem; }
.sidebar nav .toc-level-4, .sidebar nav .toc-level-5 { padding-left: 28px; font-size: 0.78rem; }
.sidebar nav .toc-level-5 { padding-left: 36px; }
.document-article { overflow-wrap: anywhere; }
.area-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.area-cards .publication-card { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 1rem; margin: 0; }
@media (max-width: 650px) {
  .area-cards { grid-template-columns: 1fr; }
  .section-nav { gap: 0.8rem; font-size: 0.85rem; }
}