/* Scoped navigation addition; article styles and existing advertising are unchanged. */
.header-inner { flex-wrap: wrap; gap: .25rem 1.4rem; padding-block: .7rem; }
.site-nav { min-width: 0; }
.site-nav ul { flex-wrap: wrap; justify-content: flex-end; }
.site-nav a { white-space: normal; }
.site-nav a[data-reviews-link] { color: #fff; }
#contenido, #comentarios, #comentar, #estadisticas,
.article-content h2[id], .article-content [data-record-totals] { scroll-margin-top: 10rem; }
.reviews-home-link { margin-block: 1.7rem; padding: 1.25rem; border: 1px solid #d6d4f2; border-left: 4px solid var(--orange); border-radius: 12px; background: #f5f4ff; }
.reviews-home-link h2 { margin: 0 0 .55rem; font-size: 1.35rem; }
.reviews-home-link p { margin: 0; }
.reviews-hub .hero-inner { padding-block: 3.5rem; min-height: 280px; }
.reviews-hub .hero h1 { max-width: 1000px; }
.reviews-hub .hero .hero-kicker { font-size: .82rem; color: #ffd4c3; }
.reviews-hub .hero p { max-width: 790px; }
.reviews-intro { max-width: 870px; margin: 0 0 1.6rem; color: #45536b; }
.reviews-categories { display: flex; flex-wrap: wrap; gap: .65rem; margin: 1.5rem 0 2.6rem; }
.reviews-categories a { display: inline-flex; align-items: center; gap: .65rem; min-height: 46px; padding: .6rem .9rem; border: 1px solid var(--line); border-radius: 10px; background: white; font-size: .92rem; font-weight: 700; text-decoration: none; }
.reviews-categories a:hover { border-color: var(--blue); background: var(--blue-soft); }
.reviews-categories span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; background: var(--blue-soft); color: var(--blue-dark); font-size: .8rem; }
.review-group { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 1.5rem; padding: 2rem 0; border-top: 1px solid var(--line); scroll-margin-top: 10rem; }
.review-group-heading h2 { margin: .2rem 0 .6rem; line-height: 1.2; font-size: 1.5rem; letter-spacing: -.02em; }
.review-group-heading p { margin: 0; color: #52617a; font-size: .95rem; }
.review-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; }
.review-card { display: flex; flex-direction: column; padding: 1.5rem; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(31,45,78,.05); }
.review-card:only-child { grid-column: 1 / -1; }
.review-card .review-type { margin: 0 0 .75rem; color: #873818; font-size: .78rem; font-weight: 800; letter-spacing: .025em; }
.review-card h3 { margin: 0 0 .7rem; font-size: 1.3rem; line-height: 1.3; }
.review-card h3 a { text-decoration: none; }
.review-card h3 a:hover { text-decoration: underline; }
.review-card p { margin: 0 0 1rem; font-size: .97rem; }
.review-card .review-context { padding-top: 1rem; margin-top: auto; border-top: 1px solid var(--line); color: #53617a; font-size: .85rem; }
.review-card .review-topics { margin: 0; font-size: .84rem; color: #53617a; }
.review-topics a { display: inline-block; margin: .25rem .45rem .1rem 0; }
.reviews-method { margin-top: 2rem; padding: clamp(1.3rem, 4vw, 2.4rem); background: #eeefff; border: 1px solid #d9d8f2; border-radius: 16px; }
.reviews-method h2 { margin: 0 0 .7rem; font-size: 1.5rem; line-height: 1.25; }
.reviews-method p { max-width: 900px; margin: 0 0 .8rem; }
.reviews-method p:last-child { margin-bottom: 0; }
.reviews-hub .editorial-credit { margin: 1.6rem 0 0; color: #52617a; }
@media (min-width: 1021px) {
  .header-inner { align-items: center; }
  .site-nav { flex: 1 1 640px; }
}
@media (max-width: 1020px) {
  .header-inner { padding-block: .5rem; flex-wrap: nowrap; gap: .75rem; }
  .brand { flex: 1 1 auto; min-width: 0; }
  .brand-mark { flex: 0 0 42px; }
  .brand-text { min-width: 0; }
  .nav-toggle { flex: 0 0 44px; }
  .site-nav { top: 100%; max-height: calc(100dvh - 95px); overflow-y: auto; }
  .site-nav ul { align-items: stretch; }
  .review-group { grid-template-columns: 1fr; scroll-margin-top: 7rem; }
  #contenido, #comentarios, #comentar, #estadisticas,
  .article-content h2[id], .article-content [data-record-totals] { scroll-margin-top: 7rem; }
  .review-group-heading p { max-width: 650px; }
}
@media (max-width: 680px) {
  .reviews-hub .hero-inner { padding-block: 2.5rem; min-height: 240px; }
  .reviews-hub .hero h1 { font-size: clamp(2rem, 9vw, 3rem); }
  .reviews-categories { gap: .5rem; }
  .reviews-categories a { width: 100%; justify-content: space-between; }
  .review-cards { grid-template-columns: 1fr; }
  .review-card { padding: 1.3rem; }
  .review-group { padding-block: 1.5rem; }
}
@media (max-width: 360px) {
  .header-inner { gap: .45rem; }
  .brand { gap: .5rem; }
  .brand-text { max-width: 170px; font-size: .78rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }