/* build-watch test: packages/web-shared/css */
/* Shared reset and typography roles promoted from the oil reference implementation. */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--eqc-surface);color:var(--eqc-ink);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--eqc-surface);color:var(--eqc-ink);font-family:var(--eqc-font-editorial);font-size:16px;line-height:1.62;text-rendering:optimizeLegibility}
a{color:inherit;text-underline-offset:.18em}
img,picture,svg,video{max-width:100%;display:block}
input,select,textarea{font:inherit}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}

.wrap{width:min(var(--eqc-content-width),calc(100% - 128px));margin:auto}
.micro{font:600 10px/1.4 var(--eqc-font-factual);letter-spacing:.12em;text-transform:uppercase}
.data{font:500 12px/1.45 var(--eqc-font-factual);letter-spacing:.035em}
.muted{color:#666158}
.brand-head{font-family:var(--eqc-font-brand);color:var(--eqc-blue);font-weight:400}
.display{font-size:56px;line-height:1.03;letter-spacing:-.02em;margin:12px 0 22px}
.h1{font-size:40px;line-height:1.15;letter-spacing:-.015em;margin:8px 0 18px}
.h2{font-size:28px;line-height:1.25;margin:8px 0 14px}
.h3{font-size:22px;line-height:1.3;margin:6px 0 10px}
.lead{font-size:19px;line-height:1.58;max-width:var(--eqc-reading-width)}
.copy{font-size:16px;line-height:1.62;max-width:var(--eqc-reading-width)}

@media(max-width:1080px){.wrap{width:min(var(--eqc-content-width),calc(100% - 64px))}}
@media(max-width:820px){.wrap{width:calc(100% - 32px)}.display{font-size:38px;line-height:1.08}.h1{font-size:32px}.h2{font-size:26px}.lead{font-size:18px}}
@media(max-width:480px){.wrap{width:calc(100% - 24px)}.display{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}