/* Copied verbatim from "Agency Portal.dc.html" (the design canvas).
   Nothing here is re-derived: if a value is in the reference, it is the value
   below. Screen markup carries its own inline styles, exactly as the reference
   does, so there is no token layer between the design and the page. */

body{margin:0;background:lch(2.595% 0.4 272);}
  * { box-sizing: border-box; }
  ::selection{background:lch(51% 52 285 / 0.18);color:lch(51% 52 285);}
  a{color:lch(51% 52 285);} a:hover{color:lch(57% 50 285);}

/* `hidden` has to actually hide. Every element in this design carries an
   inline display in its style attribute, and an inline `display:flex` beats
   the user-agent's [hidden] rule — which is how the two-factor code field
   ended up visible on a first sign-in. */
[hidden] { display: none !important; }