/* ==========================================================================
   Sistema visual do site Manifesto Digital — base de toda página
   (reset, corpo, foco visível, seleção, link de pular e texto só para leitores de tela).
   ========================================================================== */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--green) var(--piano-3);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:'N27',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:var(--piano);color:var(--marble);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--green-bright);outline-offset:3px}
::selection{background:color-mix(in srgb,var(--green) 35%,transparent)}
.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}
.skip-link{position:absolute;z-index:100;top:-80px;left:16px;padding:10px 16px;border-radius:2px;background:var(--green);color:var(--on-green);transition:top .2s}
.skip-link:focus{top:16px}