/* M.A.T.E. — element defaults
   Document, type and link defaults. Everything a page gets for free.
   Source of truth: the live corporate hub stylesheet (reference/mate.css). Values are verbatim. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--brand-paper);color:var(--ink);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:300;font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.028em;line-height:1.1;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
img{max-width:100%;display:block}
a{color:var(--brand-primary);text-decoration:none}
a:hover{color:var(--brand-primary-deep);text-decoration:underline;text-underline-offset:3px}
strong,b{font-weight:700}
:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:12px 22px;border-radius:999px;font-size:14px;z-index:200}
.skip:focus{left:16px;top:16px;color:#fff;text-decoration:none}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;width:100%}