/*
 * Rei Resolve — Guias (blog) e Dúvidas (FAQ). Complementa components.css.
 */

/* ---------- integração com o tema nas páginas de guia ---------- */
body.rr-guia .post-sidebar,
body.rr-guia .entry-meta,
body.rr-guia .blog-share,
body.rr-guia .entry-author,
body.rr-guia .next-prev-nav,
body.rr-guia .related-posts,
body.rr-guia .entry-header .entry-meta {
  display: none !important;
}

body.rr-guia .large-9 {
  flex-basis: 100%;
  max-width: 100%;
}

body.rr-guia .entry-header .entry-title,
body.rr-guia .entry-header h1 {
  font-family: "IBM Plex Sans", "Segoe UI", Roboto, Arial, sans-serif;
  font-size: clamp(1.9rem, 3.4vw, 2.625rem);
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.1;
  color: #1f3550;
  text-transform: none;
  max-width: 24ch;
}

body.rr-guia .entry-content {
  padding-top: 0;
}

/* ---------- guia: bloco de conteúdo ---------- */
.rr-scope.rr-guia-wrap {
  max-width: 47.5rem;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: var(--rr-space-5);
}

.rr-scope .rr-guia__labels {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rr-space-2);
  align-items: center;
}

.rr-scope .rr-guia__labels .rr-provisional {
  margin-bottom: 0;
}

.rr-scope .rr-label {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: var(--rr-radius-sm);
  background: var(--rr-color-action-tint);
  color: var(--rr-color-action);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
}

.rr-scope .rr-label--serie {
  background: var(--rr-color-evaluate-soft);
  color: var(--rr-color-evaluate);
}

.rr-scope .rr-resposta {
  padding: var(--rr-space-4) var(--rr-space-5);
  border: 0.0625rem solid var(--rr-color-border);
  border-top: 0.25rem solid var(--rr-color-action);
  border-radius: var(--rr-radius-md);
  background: var(--rr-color-surface);
  display: flex;
  flex-direction: column;
  gap: var(--rr-space-2);
}

.rr-scope .rr-resposta p {
  margin: 0;
  color: var(--rr-color-ink);
  font-size: 1.0625rem;
}

.rr-scope .rr-box__title {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rr-color-action);
}

.rr-scope .rr-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rr-space-2) var(--rr-space-4);
  color: var(--rr-color-muted);
  font-size: 0.875rem;
}

.rr-scope .rr-meta strong {
  color: var(--rr-color-ink);
}

.rr-scope .rr-resumo {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--rr-space-3);
}

.rr-scope .rr-resumo__item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: var(--rr-space-3) var(--rr-space-4);
  border: 0.0625rem solid var(--rr-color-border);
  border-radius: var(--rr-radius-md);
  background: var(--rr-color-surface);
}

.rr-scope .rr-resumo__k {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rr-color-muted);
}

.rr-scope .rr-resumo__v {
  font-weight: 600;
  font-size: 0.9375rem;
  color: var(--rr-color-ink);
}

/* corpo do guia */
.rr-scope .rr-guia__corpo {
  display: flex;
  flex-direction: column;
  gap: var(--rr-space-4);
}

.rr-scope .rr-guia__corpo h2 {
  margin-top: var(--rr-space-4);
  font-size: clamp(1.5rem, 2.6vw, 1.875rem);
}

.rr-scope .rr-guia__corpo h3 {
  margin-top: var(--rr-space-2);
  font-size: 1.25rem;
}

.rr-scope .rr-guia__corpo p,
.rr-scope .rr-guia__corpo li {
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--rr-color-body);
}

.rr-scope .rr-guia__corpo ul,
.rr-scope .rr-guia__corpo ol {
  padding-left: 1.25rem;
}

.rr-scope .rr-guia__corpo img {
  border-radius: var(--rr-radius-md);
  border: 0.0625rem solid var(--rr-color-border);
}

.rr-scope .rr-guia__corpo figcaption {
  color: var(--rr-color-muted);
  font-size: 0.8125rem;
}

/* caixas */
.rr-scope .rr-box {
  display: flex;
  gap: var(--rr-space-3);
  align-items: flex-start;
  padding: var(--rr-space-4);
  border: 0.0625rem solid var(--rr-color-border);
  border-top: 0.25rem solid var(--rr-color-action);
  border-radius: var(--rr-radius-md);
  background: var(--rr-color-surface);
}

.rr-scope .rr-box svg {
  flex: 0 0 auto;
  margin-top: 0.125rem;
  color: var(--rr-color-action);
}

.rr-scope .rr-box__body p,
.rr-scope .rr-box__body li {
  margin: 0;
  font-size: 0.9375rem;
  color: var(--rr-color-ink);
}

.rr-scope .rr-box--erro,
.rr-scope .rr-box--pare {
  border-color: var(--rr-color-stop-border);
  border-top-color: var(--rr-color-stop);
  background: var(--rr-color-stop-soft);
}

.rr-scope .rr-box--erro svg,
.rr-scope .rr-box--erro .rr-box__title,
.rr-scope .rr-box--pare svg,
.rr-scope .rr-box--pare .rr-box__title {
  color: var(--rr-color-stop);
}

.rr-scope .rr-box--chame {
  border-color: var(--rr-color-evaluate-border);
  border-top-color: var(--rr-color-accent);
  background: var(--rr-color-evaluate-soft);
}

.rr-scope .rr-box--chame svg,
.rr-scope .rr-box--chame .rr-box__title {
  color: var(--rr-color-evaluate);
}

/* kit */
.rr-scope .rr-kit {
  display: flex;
  flex-direction: column;
  gap: var(--rr-space-4);
}

.rr-scope .rr-kit__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--rr-space-4);
}

.rr-scope .rr-kit__col {
  padding: var(--rr-space-4);
  border: 0.0625rem solid var(--rr-color-border);
  border-radius: var(--rr-radius-md);
  background: var(--rr-color-surface);
}

.rr-scope .rr-kit__title {
  display: block;
  margin-bottom: var(--rr-space-2);
  font-weight: 600;
}

.rr-scope .rr-kit__col ul {
  margin: 0;
  padding-left: 1.125rem;
}

.rr-scope .rr-kit__col li {
  color: var(--rr-color-action);
  font-size: 0.9375rem;
  line-height: 1.6;
}

.rr-scope .rr-kit__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rr-space-3);
  align-items: center;
}

.rr-scope .rr-kit__gate {
  color: var(--rr-color-muted);
  font-size: 0.8125rem;
}

/* fechamento */
.rr-scope .rr-guia__faq h2,
.rr-scope .rr-guia__leia h2 {
  margin-bottom: var(--rr-space-3);
  font-size: 1.5rem;
}

.rr-scope .rr-tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--rr-space-3);
}

.rr-scope .rr-tile {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: var(--rr-space-4);
  border: 0.0625rem solid var(--rr-color-border);
  border-radius: var(--rr-radius-md);
  background: var(--rr-color-surface);
  color: var(--rr-color-ink);
  text-decoration: none;
}

.rr-scope a.rr-tile:hover {
  border-color: var(--rr-color-action);
  color: var(--rr-color-ink);
}

.rr-scope .rr-tile svg {
  color: var(--rr-color-action);
}

.rr-scope .rr-tile__t {
  font-weight: 600;
  font-size: 0.9375rem;
}

.rr-scope .rr-tile__s,
.rr-scope .rr-tile__gate {
  font-size: 0.8125rem;
  color: var(--rr-color-muted);
}

.rr-scope .rr-tile--talk {
  border-color: var(--rr-color-disabled);
  background: var(--rr-color-disabled-soft);
}

.rr-scope .rr-tile--talk svg {
  color: var(--rr-color-disabled);
}

.rr-scope .rr-ajudou {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rr-space-3);
  align-items: center;
  padding: var(--rr-space-3) var(--rr-space-4);
  border: 0.0625rem solid var(--rr-color-border);
  border-radius: var(--rr-radius-md);
  background: var(--rr-color-surface);
}

.rr-scope .rr-ajudou__q {
  font-weight: 600;
}

.rr-scope .rr-ajudou__msg {
  font-size: 0.875rem;
  color: var(--rr-color-muted);
}

.rr-scope .rr-ajudou .rr-button {
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
}

.rr-scope .rr-mini {
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  border: 0.0625rem solid var(--rr-color-action);
  border-radius: var(--rr-radius-sm);
  background: transparent;
  color: var(--rr-color-action);
  cursor: pointer;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
}

.rr-scope .rr-mini[disabled] {
  border-color: var(--rr-color-disabled);
  color: var(--rr-color-disabled);
  cursor: default;
}

.rr-scope .rr-autor {
  display: flex;
  gap: var(--rr-space-3);
  align-items: flex-start;
  padding-top: var(--rr-space-4);
  border-top: 0.0625rem solid var(--rr-color-border);
}

.rr-scope .rr-autor__avatar {
  width: 3rem;
  height: 3rem;
  flex: 0 0 auto;
  border-radius: 50%;
  border: 0.0625rem solid var(--rr-color-border);
  background: var(--rr-color-sand);
}

.rr-scope .rr-autor > div {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.rr-scope .rr-autor__nome {
  font-weight: 600;
}

.rr-scope .rr-autor__bio {
  font-size: 0.875rem;
  color: var(--rr-color-body);
}

.rr-scope .rr-autor__transp {
  font-size: 0.8125rem;
  color: var(--rr-color-muted);
}

/* ---------- hub de guias ---------- */
.rr-scope .rr-busca {
  display: flex;
  align-items: center;
  gap: var(--rr-space-3);
  max-width: 60rem;
  padding: 0.75rem 1.125rem;
  border: 0.09375rem solid var(--rr-color-action);
  border-radius: 999px;
  background: var(--rr-color-surface);
  color: var(--rr-color-action);
}

.rr-scope .rr-busca input {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 0.25rem 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--rr-color-ink);
  font: inherit;
  font-size: 1rem;
}

.rr-scope .rr-busca input:focus {
  outline: none;
}

.rr-scope .rr-busca:focus-within {
  outline: 0.125rem solid var(--rr-color-focus);
  outline-offset: 0.125rem;
}

.rr-scope .rr-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rr-space-2);
  margin-top: var(--rr-space-4);
  padding-bottom: var(--rr-space-3);
  border-bottom: 0.0625rem solid var(--rr-color-border);
}

/* RR-26: light filters with an explicit selected state. */
.rr-scope a.rr-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  max-width: 100%;
  padding: 0.625rem 0.875rem;
  border: 1px solid #e3dfda;
  border-radius: 0.75rem;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(31, 53, 80, 0.05);
  color: #465366;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.rr-scope a.rr-tab:hover {
  background: #fff8f6;
  border-color: #d9b6b4;
  box-shadow: 0 3px 8px rgba(31, 53, 80, 0.08);
  color: #8f1922;
  text-decoration: none;
}

.rr-scope a.rr-tab.is-active,
.rr-scope a.rr-tab.is-active:hover {
  background: #fff0ee;
  border-color: #cd8b8e;
  box-shadow: 0 3px 10px rgba(117, 44, 48, 0.10);
  color: #8f1922;
}

.rr-scope a.rr-tab.is-active::before {
  content: "";
  flex: 0 0 0.75rem;
  width: 0.75rem;
  height: 0.4rem;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-0.1rem) rotate(-45deg);
}

.rr-scope a.rr-tab:focus-visible {
  outline: 3px solid #1f3550;
  outline-offset: 3px;
}

.rr-scope .rr-hubg__grid {
  display: grid;
  gap: var(--rr-space-5);
  margin-top: var(--rr-space-5);
}

.rr-scope .rr-hubg__grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rr-scope .rr-gcard {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 0.0625rem solid var(--rr-color-border);
  border-radius: var(--rr-radius-md);
  background: var(--rr-color-surface);
  color: var(--rr-color-ink);
  text-decoration: none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.rr-scope a.rr-gcard:hover {
  border-color: var(--rr-color-action);
  box-shadow: var(--rr-shadow-hover);
  color: var(--rr-color-ink);
}

.rr-scope .rr-gcard--destaque {
  flex-direction: row;
  min-height: 20rem;
}

.rr-scope .rr-gcard__fig {
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--rr-color-sand);
  border-bottom: 0.0625rem solid var(--rr-color-border);
}

.rr-scope .rr-gcard--destaque .rr-gcard__fig {
  flex: 0 0 55%;
  aspect-ratio: auto;
  border-bottom: 0;
  border-right: 0.0625rem solid var(--rr-color-border);
}

.rr-scope .rr-gcard__fig img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rr-scope .rr-gcard__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--rr-space-2);
  justify-content: center;
  padding: var(--rr-space-5);
}

.rr-scope .rr-gcard__meta {
  display: flex;
  gap: var(--rr-space-2);
  align-items: center;
  font-size: 0.75rem;
  color: var(--rr-color-muted);
}

.rr-scope .rr-gcard h3 {
  margin: 0;
  color: var(--rr-color-action);
  font-size: 1.375rem;
}

.rr-scope .rr-gcard--destaque h3 {
  font-size: 1.75rem;
}

.rr-scope .rr-gcard p {
  margin: 0;
  font-size: 0.9375rem;
}

.rr-scope .rr-gcard .rr-link {
  margin-top: var(--rr-space-1);
  align-self: flex-start;
}

.rr-scope .rr-hubg__pag {
  margin-top: var(--rr-space-5);
  display: flex;
  justify-content: center;
}

.rr-scope .rr-hubg__pag .nav-links {
  display: flex;
  gap: var(--rr-space-2);
}

.rr-scope .rr-hubg__pag .page-numbers {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  padding: 0.5rem 1rem;
  border: 0.09375rem solid var(--rr-color-action);
  border-radius: var(--rr-radius-sm);
  color: var(--rr-color-action);
  font-weight: 600;
  text-decoration: none;
}

.rr-scope .rr-hubg__pag .page-numbers.current {
  background: var(--rr-color-action);
  color: #ffffff;
}

.rr-scope .rr-hubg__bottom,
.rr-scope .rr-faqhub__top {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--rr-space-5);
  align-items: start;
}

.rr-scope .rr-diag-band {
  display: flex;
  flex-direction: column;
  gap: var(--rr-space-3);
  padding: var(--rr-space-6);
  border-radius: var(--rr-radius-md);
  background: var(--rr-color-action);
  color: #ffffff;
}

.rr-scope .rr-diag-band h2 {
  margin: 0;
  color: #ffffff;
  font-size: 1.5rem;
}

.rr-scope .rr-diag-band p {
  margin: 0;
  color: #d5dce6;
  font-size: 0.9375rem;
}

.rr-scope .rr-diag-band__k {
  color: var(--rr-color-accent);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.rr-scope .rr-diag-band .rr-actions {
  margin-top: 0;
}

.rr-scope .rr-button--inverse {
  border-color: #ffffff;
  background: #ffffff;
  color: var(--rr-color-action);
}

.rr-scope .rr-button--inverse:hover {
  border-color: var(--rr-color-action-tint);
  background: var(--rr-color-action-tint);
  color: var(--rr-color-action);
}

/* ---------- dúvidas ---------- */
.rr-scope .rr-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rr-space-2);
  margin-top: var(--rr-space-3);
}

.rr-scope .rr-chip {
  padding: 0.375rem 0.75rem;
  border: 0.0625rem solid var(--rr-color-border);
  border-radius: 999px;
  background: var(--rr-color-surface);
  color: var(--rr-color-action);
  cursor: pointer;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 500;
}

.rr-scope .rr-busca__status {
  min-height: 1.5rem;
  margin: var(--rr-space-2) 0 0;
  color: var(--rr-color-muted);
  font-size: 0.875rem;
}

.rr-scope .rr-faqhub__card {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: var(--rr-space-5);
  border: 0.0625rem solid var(--rr-color-border);
  border-radius: var(--rr-radius-md);
  background: var(--rr-color-surface);
}

.rr-scope .rr-faqhub__card--tint {
  background: var(--rr-color-action-tint);
  border-color: #c9d3e0;
}

.rr-scope .rr-faqhub__card h2 {
  margin-bottom: var(--rr-space-2);
  font-size: 1.375rem;
}

.rr-scope .rr-faqhub__card h3 {
  margin-bottom: var(--rr-space-2);
  color: var(--rr-color-action);
  font-size: 1.125rem;
}

.rr-scope .rr-faqhub__q {
  display: flex;
  justify-content: space-between;
  gap: var(--rr-space-3);
  align-items: center;
  padding: 0.625rem 0;
  border-top: 0.0625rem solid var(--rr-color-border);
  color: var(--rr-color-ink);
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
}

.rr-scope .rr-faqhub__q:hover {
  color: var(--rr-color-action);
}

.rr-scope .rr-faqhub__q svg {
  flex: 0 0 auto;
  color: var(--rr-color-action);
}

.rr-scope .rr-faqhub__card .rr-link {
  margin-top: var(--rr-space-2);
  align-self: flex-start;
  font-size: 0.875rem;
}

.rr-scope .rr-faqhub__temas {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--rr-space-4);
  margin-top: var(--rr-space-4);
}

.rr-scope .rr-naoachou {
  display: flex;
  gap: var(--rr-space-5);
  align-items: center;
  justify-content: space-between;
  padding: var(--rr-space-5);
  border: 0.0625rem solid var(--rr-color-border);
  border-top: 0.25rem solid var(--rr-color-talk);
  border-radius: var(--rr-radius-md);
  background: var(--rr-color-surface);
}

.rr-scope .rr-naoachou h2 {
  margin-bottom: var(--rr-space-1);
  font-size: 1.375rem;
}

.rr-scope .rr-naoachou p {
  margin: 0;
  font-size: 0.9375rem;
}

.rr-scope .rr-naoachou .rr-actions {
  margin-top: 0;
  flex: 0 0 auto;
}

/* lista / acordeão */
.rr-scope .rr-faq {
  display: flex;
  flex-direction: column;
  gap: var(--rr-space-2);
}

.rr-scope .rr-faq__ancoras {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rr-space-2) var(--rr-space-4);
  margin-bottom: var(--rr-space-3);
  font-size: 0.875rem;
}

.rr-scope .rr-faq__ancoras a {
  color: var(--rr-color-action);
  font-weight: 500;
}

.rr-scope .rr-faq__item {
  border: 0.0625rem solid var(--rr-color-border);
  border-radius: var(--rr-radius-md);
  background: var(--rr-color-surface);
}

.rr-scope .rr-faq__item[open] {
  border-color: var(--rr-color-action);
  box-shadow: inset 0 0 0 0.0625rem var(--rr-color-action);
}

.rr-scope .rr-faq__q {
  display: flex;
  justify-content: space-between;
  gap: var(--rr-space-3);
  align-items: center;
  padding: var(--rr-space-4) var(--rr-space-5);
  color: var(--rr-color-action);
  cursor: pointer;
  font-size: 1.0625rem;
  font-weight: 600;
  list-style: none;
}

.rr-scope .rr-faq__q::-webkit-details-marker {
  display: none;
}

.rr-scope .rr-faq__q svg {
  flex: 0 0 auto;
  transition: transform 160ms ease;
}

.rr-scope .rr-faq__item[open] .rr-faq__q svg {
  transform: rotate(90deg);
}

.rr-scope .rr-faq__a {
  display: flex;
  flex-direction: column;
  gap: var(--rr-space-3);
  padding: 0 var(--rr-space-5) var(--rr-space-5);
}

.rr-scope .rr-faq__curta {
  margin: 0;
  color: var(--rr-color-ink);
  font-size: 1rem;
  font-weight: 500;
}

.rr-scope .rr-faq__det p {
  margin: 0 0 var(--rr-space-2);
  font-size: 0.9375rem;
}

.rr-scope .rr-faq__foto img {
  display: block;
  width: 100%;
  height: auto;
  border: 0.0625rem solid var(--rr-color-border);
  border-radius: var(--rr-radius-sm);
}

.rr-scope .rr-faq__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rr-space-2);
}

.rr-scope .rr-faq__links:empty {
  display: none;
}

.rr-scope .rr-faq__rodape {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rr-space-3);
  align-items: center;
  justify-content: space-between;
  padding-top: var(--rr-space-3);
  border-top: 0.0625rem solid var(--rr-color-border);
}

.rr-scope .rr-ajudou--mini {
  padding: 0;
  border: 0;
  background: transparent;
  gap: var(--rr-space-2);
}

.rr-scope .rr-faq__rev {
  color: var(--rr-color-muted);
  font-size: 0.8125rem;
}

.rr-scope .rr-faq__vazio {
  color: var(--rr-color-muted);
  font-size: 0.9375rem;
}

.rr-scope .rr-faq--embutido .rr-faq__q {
  padding: var(--rr-space-3) var(--rr-space-4);
  font-size: 1rem;
}

.rr-scope .rr-faq--embutido .rr-faq__a {
  padding: 0 var(--rr-space-4) var(--rr-space-4);
}

/* ---------- responsivo ---------- */
@media (max-width: 48rem) {
  .rr-scope .rr-resumo,
  .rr-scope .rr-kit__grid,
  .rr-scope .rr-hubg__bottom,
  .rr-scope .rr-faqhub__top {
    grid-template-columns: 1fr;
  }

  .rr-scope .rr-tiles,
  .rr-scope .rr-hubg__grid--3,
  .rr-scope .rr-faqhub__temas {
    grid-template-columns: 1fr;
  }

  .rr-scope .rr-gcard--destaque {
    flex-direction: column;
    min-height: 0;
  }

  .rr-scope .rr-gcard--destaque .rr-gcard__fig {
    flex: 0 0 auto;
    aspect-ratio: 3 / 2;
    border-right: 0;
    border-bottom: 0.0625rem solid var(--rr-color-border);
  }

  .rr-scope .rr-naoachou {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 36rem) {
  .rr-scope .rr-resumo {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ---------- 0.13.1: ajustes após revisão dos previews ---------- */
/* Atributo hidden vence as regras display:flex dos componentes (busca do hub). */
.rr-scope [hidden] {
  display: none !important;
}

/* Guia: título alinhado com o corpo, sem divisor nem selo de data do tema. */
body.rr-guia .entry-header-text {
  padding-bottom: 0;
  text-align: left;
}

body.rr-guia .entry-header .entry-title {
  margin-inline: 0;
}

body.rr-guia .entry-header .entry-divider,
body.rr-guia .entry-header .is-divider,
body.rr-guia .post-date,
body.rr-guia .entry-image .badge {
  display: none !important;
}

body.rr-guia .entry-image img,
body.rr-guia .entry-image-float img {
  border: 0.0625rem solid var(--rr-color-border);
  border-radius: var(--rr-radius-md);
}

/* Página de tema das dúvidas. */
.rr-scope.rr-faqtema .rr-lead {
  max-width: 46rem;
}

.rr-scope .rr-faqtema__nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rr-space-2) var(--rr-space-5);
  margin-top: var(--rr-space-3);
}

.rr-scope .rr-faqtema__lista {
  max-width: 56rem;
}

/* Resultados da busca no hub de dúvidas. */
.rr-scope .rr-faqhub__tema {
  display: inline-block;
  margin-left: 0.375rem;
  color: var(--rr-color-muted);
  font-size: 0.75rem;
  font-weight: 500;
}

/* Foto de capa do guia na largura da coluna de leitura. */
body.rr-guia .entry-image,
body.rr-guia .entry-image-float {
  max-width: 47.5rem;
}

/* ---------- 0.14.0: largura dos hubs e grade de leitura do guia ---------- */
.rr-scope.rr-hubg h1,
.rr-scope.rr-faqhub h1 {
  max-width: none; /* usa a coluna do herói (1,5 fr) */
}

.rr-scope.rr-hubg .rr-lead,
.rr-scope.rr-faqhub .rr-lead {
  max-width: 62ch;
}

.rr-scope.rr-hubg .rr-hero__grid--hub,
.rr-scope.rr-faqhub .rr-hero__grid--hub {
  margin-bottom: var(--rr-space-4);
}

/* Guia: página própria (templates/guia.php). */
.rr-scope.rr-guia-page {
  padding-block: var(--rr-space-5) var(--rr-space-8);
  background: var(--rr-color-surface);
}

.rr-scope .rr-guia__head {
  display: flex;
  flex-direction: column;
  gap: var(--rr-space-3);
  margin-block: var(--rr-space-4) var(--rr-space-5);
}

.rr-scope .rr-guia__title {
  margin-bottom: 0;
  max-width: 32ch;
  font-size: clamp(1.9rem, 3.4vw, 2.75rem);
  line-height: 1.1;
}

.rr-scope .rr-guia__grid,
.rr-scope .rr-guia__top,
.rr-scope .rr-guia__body {
  display: flex;
  flex-direction: column;
  gap: var(--rr-space-5);
  min-width: 0;
}

.rr-scope .rr-guia__cover {
  margin: 0;
}

.rr-scope .rr-guia__cover img {
  display: block;
  width: 100%;
  height: auto;
  border: 0.0625rem solid var(--rr-color-border);
  border-radius: var(--rr-radius-md);
}

.rr-scope .rr-guia__cover figcaption {
  margin-top: var(--rr-space-2);
  color: var(--rr-color-muted);
  font-size: 0.8125rem;
}

.rr-scope .rr-guia__sticky {
  display: flex;
  flex-direction: column;
  gap: var(--rr-space-3);
}

.rr-scope .rr-guia__sticky h2 {
  margin: 0;
  font-size: 1.125rem;
}

@media (min-width: 64rem) {
  .rr-scope .rr-guia__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 20rem;
    grid-template-rows: auto auto 1fr;
    column-gap: var(--rr-space-7);
    row-gap: var(--rr-space-5);
    align-items: start;
  }

  .rr-scope .rr-guia__top {
    grid-column: 1;
    grid-row: 1 / span 2;
    max-width: 56rem;
  }

  .rr-scope .rr-guia__resumo {
    grid-column: 2;
    grid-row: 1;
  }

  .rr-scope .rr-guia__resumo .rr-resumo {
    grid-template-columns: 1fr;
  }

  .rr-scope .rr-guia__body {
    grid-column: 1;
    grid-row: 3;
    max-width: 56rem;
  }

  .rr-scope .rr-guia__proximo {
    position: sticky;
    top: 5rem;
    grid-column: 2;
    grid-row: 2 / span 2;
    align-self: start;
  }

  .rr-scope .rr-guia__proximo .rr-tiles {
    grid-template-columns: 1fr;
  }
}

/* ---------- 0.14.1: correções da auditoria responsiva ---------- */
/* "Leia a seguir" dentro da coluna de leitura: colunas conforme o espaço (2 com 2 guias, 3 com 3). */
.rr-scope .rr-guia__leia .rr-hubg__grid--3 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}

.rr-scope .rr-label {
  white-space: nowrap;
}

.rr-scope .rr-gcard__meta {
  flex-wrap: wrap;
}

/* Medida de leitura (~75 caracteres) no corpo, na resposta rápida, nas caixas e nas respostas do FAQ. */
.rr-scope .rr-guia__corpo > p,
.rr-scope .rr-guia__corpo > ul,
.rr-scope .rr-guia__corpo > ol,
.rr-scope .rr-resposta p,
.rr-scope .rr-box__body,
.rr-scope .rr-faq__curta,
.rr-scope .rr-faq__det {
  max-width: 62ch;
}

/* Coluna de leitura limitada também entre 768 e 1023 px. */
.rr-scope .rr-guia__top,
.rr-scope .rr-guia__resumo,
.rr-scope .rr-guia__body {
  max-width: 56rem;
}

/* Rótulos 12 px → 13 px. */
.rr-scope .rr-label,
.rr-scope .rr-box__title,
.rr-scope .rr-resumo__k,
.rr-scope .rr-gcard__meta,
.rr-scope .rr-faqhub__tema {
  font-size: 0.8125rem;
}

/* Ritmo entre os blocos finais do guia. */
.rr-scope .rr-guia__faq,
.rr-scope .rr-guia__leia {
  margin-top: var(--rr-space-6);
}

/* Cards de guia: "Ler o guia" alinhado no rodapé do card. */
.rr-scope .rr-gcard__body {
  justify-content: flex-start;
}

.rr-scope .rr-gcard--destaque .rr-gcard__body {
  justify-content: center;
}

.rr-scope .rr-gcard .rr-link {
  margin-top: auto;
}

.rr-scope .rr-gcard--destaque .rr-link {
  margin-top: var(--rr-space-1);
}

/* Bandas de dois cards com a mesma altura. */
.rr-scope .rr-hubg__bottom,
.rr-scope .rr-faqhub__top {
  align-items: stretch;
}

/* Busca: reticências no placeholder. */
.rr-scope .rr-busca input {
  text-overflow: ellipsis;
}

/* Página de tema: herói alinhado com a lista (56 rem). */
.rr-scope.rr-faqtema .rr-hero .rr-container {
  max-width: 56rem;
}

/* Chips e botões pequenos sem a caixa alta e as margens do tema. */
.rr-scope .rr-chip,
.rr-scope .rr-mini {
  margin: 0;
  letter-spacing: 0;
  text-transform: none;
}

/* Tablet: grades de guias e "Por tema" em 2 colunas; busca do herói na largura da foto. */
@media (min-width: 40rem) and (max-width: 48rem) {
  .rr-scope .rr-hubg__grid--3,
  .rr-scope .rr-faqhub__temas {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) and (max-width: 63.99rem) {
  .rr-scope .rr-hero__grid--hub .rr-busca {
    max-width: 36rem;
  }
}

/* Alvos de toque no celular. */
@media (max-width: 48rem) {
  .rr-scope .rr-chip,
  .rr-scope .rr-guia__labels .rr-label,
  .rr-scope .rr-guia__labels .rr-provisional {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
  }

  .rr-scope .rr-mini {
    min-height: 2.5rem;
    padding: 0.5rem 1rem;
  }

  .rr-scope .rr-faqhub__q {
    padding-block: 0.75rem;
  }
}

/* Índice de âncoras do tema: alvo de toque no desktop; no celular as perguntas já estão logo abaixo. */
.rr-scope .rr-faq__ancoras a {
  display: inline-block;
  padding-block: 0.25rem;
}

@media (max-width: 48rem) {
  .rr-scope .rr-faq__ancoras {
    display: none;
  }
}