/* Real-CSS equivalents of the main site's generated utilities, so a static page or a
   design-system component can use the same class names the product uses. */
*,*::before,*::after{box-sizing:border-box}
.typo-h1{font-family:var(--typo-h1-font-family);font-size:var(--typo-h1-font-size);line-height:var(--typo-h1-line-height);font-weight:var(--typo-h1-font-weight)}
.typo-h2{font-family:var(--typo-h2-font-family);font-size:var(--typo-h2-font-size);line-height:var(--typo-h2-line-height);font-weight:var(--typo-h2-font-weight)}
.typo-h3{font-family:var(--typo-h3-font-family);font-size:var(--typo-h3-font-size);line-height:var(--typo-h3-line-height);font-weight:var(--typo-h3-font-weight)}
.typo-h4{font-family:var(--typo-h4-font-family);font-size:var(--typo-h4-font-size);line-height:var(--typo-h4-line-height);font-weight:var(--typo-h4-font-weight)}
.typo-h5{font-family:var(--typo-h5-font-family);font-size:var(--typo-h5-font-size);line-height:var(--typo-h5-line-height);font-weight:var(--typo-h5-font-weight)}
.typo-b1{font-family:var(--typo-b1-font-family);font-size:var(--typo-b1-font-size);line-height:var(--typo-b1-line-height)}
.typo-b2{font-family:var(--typo-b2-font-family);font-size:var(--typo-b2-font-size);line-height:var(--typo-b2-line-height)}
.typo-b3{font-family:var(--typo-b3-font-family);font-size:var(--typo-b3-font-size);line-height:var(--typo-b3-line-height)}
.typo-label{font-family:var(--typo-label-font-family);font-size:var(--typo-label-font-size);line-height:var(--typo-label-line-height);font-weight:var(--typo-label-font-weight,inherit)}
.typo-label-sm{font-family:var(--typo-label-sm-font-family);font-size:var(--typo-label-sm-font-size);line-height:var(--typo-label-sm-line-height);font-weight:var(--typo-label-sm-font-weight,inherit)}
.typo-label-lg{font-family:var(--typo-label-lg-font-family);font-size:var(--typo-label-lg-font-size);line-height:var(--typo-label-lg-line-height);font-weight:var(--typo-label-lg-font-weight,inherit)}

/* Base document behaviour matching app/assets/css/main.css */
body{font-family:var(--font-body);color:var(--color-body-primary);background:var(--color-page-primary)}
a{color:var(--color-link);text-decoration:none}
a:hover:not(.UIButton),a:hover:not(.UIButton) *{color:var(--color-link-hover)}
:focus-visible{outline:none;box-shadow:0 0 0 1px var(--color-page-primary),0 0 0 2px var(--color-brand-500)}

.bg-softPeachGradient{background-image:var(--gradient-soft-peach)}