/* Web host stylesheet. The whole design system is the shared atp*.css this host already loads, and this file is
   linked AFTER it, so anything declared here overrides the tokens. It therefore carries only what the browser
   host needs on top and nothing that competes with the design system.

   What was here and is gone: the Blazor project template's base font-family declaration, which won over atp.css
   purely on link order and made the document base face the template's sans stack instead of the design system's;
   its raw hex link colour, which overrode the --atp-link token and, with no decoration reset, is why the <a>
   service cards rendered as a wall of underlined blue; and the bootstrap-era button, focus, content, checkbox,
   floating-label and validation rules, none of which any component uses and none of whose stylesheets this host
   links. The base anchor colour now lives in atp.css, on the token. The installed-app host was cleaned the same
   way (src/ATP.Mobile/wwwroot/app.css). AtpWebsiteLayoutRulesTests keeps it that way. */
html, body {
    font-family: var(--atp-font-sans);
}

h1:focus {
    outline: none;
}