*, *::before, *::after { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body.web-resolvia { margin: 0; color: var(--wr-color-ink); background: var(--wr-color-paper); font-family: var(--wr-font-display); line-height: 1.5; }
body.web-resolvia img { display: block; max-width: 100%; height: auto; }
body.web-resolvia a { color: inherit; }
body.web-resolvia button { font: inherit; }
.wr-shell { width: min(var(--wr-shell), calc(100% - 3rem)); margin-inline: auto; }
.wr-skip-link { position: fixed; z-index: 100; top: 0.75rem; left: 0.75rem; padding: 0.75rem 1rem; color: var(--wr-color-white); background: var(--wr-color-ink); transform: translateY(-200%); }
.wr-skip-link:focus { transform: translateY(0); }
.wr-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 40rem) { .wr-shell { width: min(100% - 1.5rem, var(--wr-shell)); } }