/* Minimal global reset the brand assumes. Components carry their own styling. */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--ehr-surface-page);scroll-behavior:smooth}
body{font-family:var(--ehr-font-body);font-size:var(--ehr-size-body);line-height:var(--ehr-leading-body);color:var(--ehr-text-primary);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:var(--ehr-font-display);font-weight:var(--ehr-weight-black);text-transform:uppercase;line-height:var(--ehr-leading-display);letter-spacing:var(--ehr-track-display);margin:0}
p{margin:0}
img{display:block;max-width:100%}
a{color:var(--ehr-link);text-decoration:none}
a:hover{color:var(--ehr-link-hover)}
input,select,textarea,button{font-family:inherit}
input::placeholder,textarea::placeholder{color:var(--ehr-on-dark-800)}
::selection{background:var(--ehr-accent);color:#fff}
:focus{outline:none}
:focus-visible{outline:2px solid var(--ehr-focus);outline-offset:3px}
/* Inverted context: drop this class on any light band. */
.ehr-on-light{background:var(--ehr-surface-light);color:var(--ehr-on-light-200)}
.ehr-on-light a{color:var(--ehr-blue-700)}
.ehr-on-light a:hover{color:var(--ehr-on-light-100)}