/* herda tokens do styles.css; NÃO force tema aqui */
* { box-sizing: border-box; }

body{
  margin: 0;
  color: var(--fz-text); /* was var(--text) */
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

/* Links seguem a paleta global */
a{ color: var(--fz-link); text-decoration: none; }            /* was var(--primary) */
a:hover{ color: var(--fz-link-hover); text-decoration: underline; }

/* Container consistente com o restante do site */
.container{ max-width: 1000px; margin: 0 auto; padding: 16px 20px; }

/* Cartões e tipografia */
.card{
  background: var(--fz-surface);                              /* was var(--card, var(--surface)) */
  border: 1px solid var(--fz-border);                         /* was var(--border) */
  border-radius: 16px;
  padding: 20px;
}
.article{ margin: 20px 0; }
.prose{ line-height: 1.65; }
.prose h1,.prose h2{ margin: 0 0 .5rem }
.prose h3{ margin: 1rem 0 .35rem }
.prose p{ margin: .5rem 0 }
.prose ul,.prose ol{ margin: .5rem 0 1rem; padding-left: 1.25rem }

/* Acessibilidade */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* Controles */
.faq-controls{
  display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:12px;
}
.faq-search{
  flex:1 1 260px;
  padding:.6rem .8rem;
  border-radius:10px;
  border:1px solid var(--fz-border);                          /* was var(--border) */
  background: var(--fz-surface);                              /* was var(--surface) */
  color: var(--fz-text);                                      /* was var(--text) */
  outline:none;
}
.filters{ display:flex; align-items:center; gap:8px; }
#faq-category{
  padding:.5rem .6rem;
  border-radius:10px;
  border:1px solid var(--fz-border);                          /* was var(--border) */
  background: var(--fz-surface);                              /* was var(--surface) */
  color: var(--fz-text);                                      /* was var(--text) */
}

/* Itens */
.faq-list details{
  border:1px solid var(--fz-border);                           /* was var(--border) */
  border-radius:12px;
  padding:.6rem .9rem;
  margin:.6rem 0;
  background: var(--fz-surface);                               /* was var(--card, var(--surface)) */
}
.faq-list summary{ cursor:pointer; font-weight:600; }
.faq-list p{ margin:.45rem 0 0; }
.faq-item[hidden]{ display:none!important; }

/* Título/intro */
.page-title{ margin:12px 0 8px; font-weight:700; font-size:1.6rem }
.page-intro{ margin:0 0 12px; color: var(--fz-text-dim); }     /* was var(--muted) */