*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
body.nav-open{overflow:hidden}
img{display:block;max-width:100%}
[hidden]{display:none!important}
a{color:inherit}
button,input{font:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:2px}
/* titulos que recebem foco por script (mensagem de envio): o foco serve o leitor de ecra, sem contorno */
[tabindex="-1"]:focus{outline:none}

.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.shell{width:100%;max-width:var(--shell);margin:0 auto}
.block{padding:var(--block) var(--gutter)}
.block--flush-top{padding-top:0}
.surface{background:var(--surface)}
.ruled{border-top:1px solid var(--line)}