/* Tipografia da página /tratamento-de-gota/ aplicada à Home, Sobre, Contato, Blog e aos artigos /gota/.
   Pedido do usuário (18/10/2026): "utilize o design system e a tipografia dela para replicar nas outras páginas...
   Não é para mudar nada, somente aplicar fontes, tamanho das fontes, tipografias".
   Só tipografia: tamanho, peso, entrelinha, espaçamento entre letras e caixa. Cores, espaçamentos e estrutura não mudam.
   Valores copiados de /tratamento-de-gota/assets/tratamento.css. Ligado por scripts/e7_tipografia_padrao.py.
   Formulários, menus (nav), barra lateral e diálogos ficam de fora. */

/* Título principal (H1): mesmo do topo da página de tratamento */
main h1 { font-size: clamp(1.95rem, 3.3vw, 3.1rem) !important; font-weight: 600 !important; line-height: 1.12 !important; letter-spacing: normal !important; }

/* Títulos de seção (H2) e chamada final */
main h2:not(form *, aside *, dialog *) { font-size: clamp(1.5rem, 2vw, 1.95rem) !important; font-weight: 500 !important; line-height: 1.25 !important; letter-spacing: normal !important; }
main .institutional-cta h2, main .care-section h2 { font-size: clamp(1.7rem, 2.6vw, 2.4rem) !important; }

/* Subtítulos (H3) de cartões e etapas */
main h3:not(form *, aside *, dialog *), main .opening-label { font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: normal !important; }

/* Texto corrido e listas */
main :is(p, li, dd):not(form *, aside *, dialog *, nav *, .eyebrow, .opening-label) { font-size: 1.05rem !important; font-weight: 500 !important; line-height: 1.72 !important; letter-spacing: normal !important; }

/* Texto de abertura logo abaixo do H1 (como o subtítulo do topo da página de tratamento) */
main :is(.portal-hero-copy > p:not([class]), .institutional-hero-copy > p:not([class]), .hero-lead, .article-opening > p:not([class])) { font-size: 1.15rem !important; line-height: 1.65 !important; }

/* Rótulo acima dos títulos (como o selo do topo da página de tratamento) */
main .eyebrow { font-size: .78rem !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .06em !important; text-transform: uppercase !important; }

/* Textos de apoio: cartões, legendas, fontes citadas e notas (como as notas da página de tratamento) */
main :is(.portal-card p, .article-card p, .contact-card p, .authority-grid p, .institutional-timeline p, .portal-assurance,
         .results-count, .empty-results, .sources-section li, .sources-section p:not(.eyebrow), .article-byline p,
         figcaption, figcaption p, .urate-comparison p, .contact-hero-panel p) { font-size: .9rem !important; line-height: 1.6 !important; }

/* Tabelas */
main td:not(form *) { font-size: .98rem !important; font-weight: 500 !important; line-height: 1.6 !important; }
main th:not(form *) { font-size: .9rem !important; font-weight: 700 !important; letter-spacing: normal !important; }

/* Links no meio do texto e botões */
main :is(p, li) a:not(.button, [class*="button"]) { font-weight: 600 !important; }
main :is(.button, .hero-button, .button-primary, .button-secondary):not(form *, aside *, dialog *) { font-size: 1rem !important; font-weight: 600 !important; letter-spacing: normal !important; }

/* Celular: mesmos ajustes da página de tratamento (até 760 px) */
@media (max-width: 760px) {
  main h1 { font-size: clamp(1.85rem, 8vw, 2.3rem) !important; }
  main :is(.portal-hero-copy > p:not([class]), .institutional-hero-copy > p:not([class]), .hero-lead, .article-opening > p:not([class])) { font-size: 1.05rem !important; }
  main :is(p, li, dd):not(form *, aside *, dialog *, nav *, .eyebrow, .opening-label, .portal-card p, .article-card p, .contact-card p, .authority-grid p, .institutional-timeline p, .sources-section li, .sources-section p, figcaption p) { font-size: 1.03rem !important; }
}