:host,
body,
select,
option,
input {
    font: normal 400 14px/24px var(--theme-body-font-family);
    letter-spacing: normal;
}

h1 {
    font: normal 400 24px/32px var(--theme-header-font-family);
    letter-spacing: normal;
    margin: 0 0 16px;
}

h2 {
    font: normal 500 20px/32px var(--theme-header-font-family);
    letter-spacing: normal;
    margin: 0 0 16px;
}

h3 {
    font: normal 400 16px/28px var(--theme-body-font-family);
    letter-spacing: normal;
    margin: 0 0 16px;
}

h4 {
    font: normal 400 15px/24px var(--theme-body-font-family);
    letter-spacing: normal;
    margin: 0 0 16px;
}
h1,
h2,
h3,
h4 {
    text-wrap: balance;
}

p {
    margin: 0 0 12px;
    text-wrap: pretty;
}