html {
    font-size: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.hd-site-body {
    color: var(--hd-text);
    font-family: var(--hd-font-sans);
    font-size: var(--hd-text-base);
    font-weight: 400;
    line-height: 1.55;
}

body.hd-site-body :where(h1, h2, h3, h4, h5, h6) {
    margin: 0;
    color: inherit;
    font-family: var(--hd-font-editorial);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.98;
    text-wrap: balance;
}

body.hd-site-body :where(p, ul, ol, blockquote) {
    margin-top: 0;
}

body.hd-site-body a {
    color: inherit;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.24em;
}

.hd-eyebrow,
.hd-kicker,
.ml-account-panel-kicker,
.ml-style-journal-kicker,
.ml-story-kicker {
    font-family: var(--hd-font-sans) !important;
    font-size: var(--hd-text-xs) !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    line-height: 1.4 !important;
    text-transform: uppercase;
}

.hd-display {
    font-family: var(--hd-font-editorial);
    font-size: var(--hd-text-display);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.88;
}

@media (max-width: 47.99rem) {
    body.hd-site-body {
        font-size: 0.9375rem;
    }
}