/* Tamanho do corpo da nota no celular. Fica num CSS estático (não em src/index.css) porque o Tailwind v4 canonicaliza toda media query pra sintaxe de range (`width <= Xrem`) durante o build — WebKit anterior ao Safari 16.4 ignora a regra inteira quando isso acontece, sem cair em nenhum fallback, e o corpo da nota ficava preso no tamanho de desktop. max-width aqui nunca passa pelo Lightning CSS do Vite, então sobrevive intacto até o navegador. Especificidade dobrada (.notas-tema repetido) porque a ordem deste frente ao CSS gerado pelo Vite no não é garantida — assim a regra vence por peso, não por posição. */ @media (max-width: 1023px) { .notas-tema.notas-tema .ProseMirror { font-size: 1.3125rem; } /* O CAUSADOR do bug que arrastou esta sessão inteira: o @layer base do index.css tem `p { @apply text-base }`, que prega TODO parágrafo do app em 16px. Como uma regra que casa sempre vence a herança, o corpo da nota (que é feito de

) ignorava o font-size do .ProseMirror, por mais que ele mudasse — o container crescia, o texto não. Devolver `1em` restaura a herança para o corpo da nota, sem tocar no resto. */ .notas-tema.notas-tema .ProseMirror p, .notas-tema.notas-tema .ProseMirror li, .notas-tema.notas-tema .ProseMirror td, .notas-tema.notas-tema .ProseMirror th, .notas-tema.notas-tema .ProseMirror blockquote { font-size: 1em; } /* Títulos e código em `em` para escalarem junto com o corpo — presos nos px absolutos de classesLeitura (text-3xl, text-xl…) eles não acompanhavam. A escala não copia as razões do desktop: lá h2/h3/h4 caem muito rápido (1.18x, 1.06x, 1.0x do corpo) e no celular isso achatava tudo num tamanho só. Passos regulares de ~1,12 dão hierarquia legível de h1 a h6 sem nenhum degrau grande demais. */ .notas-tema.notas-tema .ProseMirror h1 { font-size: 1.5em; } .notas-tema.notas-tema .ProseMirror h2 { font-size: 1.32em; } .notas-tema.notas-tema .ProseMirror h3 { font-size: 1.18em; } .notas-tema.notas-tema .ProseMirror h4 { font-size: 1.06em; } .notas-tema.notas-tema .ProseMirror h5 { font-size: 0.95em; } .notas-tema.notas-tema .ProseMirror h6 { font-size: 0.88em; } .notas-tema.notas-tema .ProseMirror code, .notas-tema.notas-tema .ProseMirror pre { font-size: 0.85em; } }