:root {
   --font-family: Inter, Helvetica, Arial, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --font-serif: 'Georgia', 'Cambria', 'Times New Roman', Times, serif;
   --font-mono: "Space Mono", "SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
   --font-headings: 'Poppins', 'Helvetica', 'Times New Roman', Times, serif;
   --h1-size: clamp(2.5rem, 5vw + 1rem, 4.5rem);
   --h2-size: clamp(2rem, 3.5vw + 1rem, 3.75rem);
   --h3-size: clamp(1.75rem, 2vw + 1rem, 2.75rem);
   --h4-size: clamp(1.5rem, 1.5vw + 1rem, 2rem);
   --h5-size: clamp(1.25rem, 1vw + 1rem, 1.5rem);
   --h6-size: clamp(1.1rem, 0.5vw + 1rem, 1.25rem)
}
.wf-body {
   --wf-background: var(--wf-background, #fff);
   background-color: var(--body-bg-color, var(--wf-background));
   font-family: var(--font-family), serif;
   color: var(--body-color, var(--wf-text));
   display: flex;
   flex-direction: column;
}
.wf-page {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 1rem;
   font-family: var(--font-family), serif;
   line-height: 1.5;
   color: var(--wf-text)
}
.wf-link {
   transition: color .15s, opacity .15s;
   color: var(--primary-color, var(--primary-color-hover));
   text-decoration: none
}
.wf-link:hover {
   opacity: .75
}
h1 {
   font-size: var(--h1-size)
}
h2 {
   font-size: var(--h2-size)
}
h3 {
   font-size: var(--h3-size)
}
h4 {
   font-size: var(--h4-size)
}
h5 {
   font-size: var(--h5-size)
}
h6 {
   font-size: var(--h6-size)
}
h1, h2, h3, h4, h5, h6 {
   font-family: 'Poppins', serif;
   margin: 0 0 1.5rem 0;
   font-weight: 500;
   line-height: 1.1;
   text-wrap: balance
}
p {
   margin-block-start: 0;
   margin-block-end: 1rem;
}
p:last-child {
   margin-block-end: 0;
}
button{
   font-family: var(--font-family), serif;
}
blockquote {
   font-family: var(--font-serif), serif;
}
.wf-font-mono {
   font-family: var(--font-mono), serif;
}
.wf-font-serif {
   font-family: var(--font-serif), serif;
}
.wf-font-headings {
   font-family: var(--font-headings), serif;
}
/* -- fluid type scale with 1rem base -- */
.wf-text-xxs {
   font-size: clamp(0.60rem, 0.20vw + 0.625rem, 0.625rem);
}
/* was sm */
.wf-text-xs {
   font-size: clamp(0.70rem, 0.20vw + 0.65rem, 0.75rem);
}
/* was sm */
.wf-text-sm {
   font-size: clamp(0.80rem, 0.30vw + 0.73rem, 0.875rem);
}
/* was base */
.wf-text-base {
   font-size: clamp(0.90rem, 0.40vw + 0.80rem, 1rem);
}
/* was md ← NOW 1rem */
.wf-text-md {
   font-size: clamp(1.00rem, 0.50vw + 0.88rem, 1.125rem);
}
/* was lg */
.wf-text-lg {
   font-size: clamp(1.10rem, 0.60vw + 0.95rem, 1.25rem);
}
/* was xl */
.wf-text-xl {
   font-size: clamp(1.25rem, 1.00vw + 1.00rem, 1.50rem);
}
/* was 2xl */
.wf-text-2xl {
   font-size: clamp(1.40rem, 1.30vw + 1.00rem, 1.75rem);
}
/* was 3xl */
.wf-text-3xl {
   font-size: clamp(1.60rem, 1.70vw + 1.00rem, 2.00rem);
}
/* was 4xl */
.wf-text-4xl {
   font-size: clamp(1.80rem, 2.50vw + 1.00rem, 2.50rem);
}
/* was 5xl */
.wf-text-5xl {
   font-size: clamp(2.00rem, 3.50vw + 1.00rem, 3.00rem);
}
/* was 6xl */
.wf-text-6xl {
   font-size: clamp(2.25rem, 4.00vw + 1.00rem, 3.50rem);
}
/* was 7xl */
.wf-text-7xl {
   font-size: clamp(2.50rem, 5.00vw + 1.00rem, 4.00rem);
}
/* was 8xl */
.wf-text-8xl {
   font-size: clamp(3.00rem, 7.00vw + 1.00rem, 6.00rem);
}
/* was 9xl */
.wf-text-9xl {
   font-size: clamp(3.50rem, 8.50vw + 1.00rem, 7.50rem);
}
/* new top step */
.wf-font-thin {
   font-weight: 200
}
.wf-font-light {
   font-weight: 300
}
.wf-font-normal {
   font-weight: 400
}
.wf-font-medium {
   font-weight: 500
}
.wf-font-semibold {
   font-weight: 600
}
.wf-font-bold {
   font-weight: 700
}
.wf-font-black {
   font-weight: 900
}
.wf-italic {
   font-style: italic
}
.wf-not-italic {
   font-style: normal
}
.wf-leading-none {
   line-height: 1
}
.wf-leading-tight {
   line-height: 1.25
}
.wf-leading-snug {
   line-height: 1.375
}
.wf-leading-normal {
   line-height: 1.5
}
.wf-leading-relaxed {
   line-height: 1.625
}
.wf-leading-loose {
   line-height: 2
}
.wf-tracking-tighter {
   letter-spacing: -0.05em
}
.wf-tracking-tight {
   letter-spacing: -0.025em
}
.wf-tracking-normal {
   letter-spacing: 0
}
.wf-tracking-wide {
   letter-spacing: .025em
}
.wf-tracking-wider {
   letter-spacing: .05em
}
.wf-tracking-widest {
   letter-spacing: .1em
}
.wf-text-left {
   text-align: start
}
.wf-text-center {
   text-align: center
}
.wf-text-right {
   text-align: end
}
.wf-text-justify {
   text-align: justify
}
.wf-text-start:dir(ltr) {
   text-align: start
}
.wf-text-start:dir(rtl) {
   text-align: end
}
.wf-text-end:dir(ltr) {
   text-align: end
}
.wf-text-end:dir(rtl) {
   text-align: start
}
.wf-uppercase {
   text-transform: uppercase
}
.wf-lowercase {
   text-transform: lowercase
}
.wf-capitalize {
   text-transform: capitalize
}
.wf-normal-case {
   text-transform: none
}
.wf-underline {
   text-decoration-line: underline
}
.wf-overline {
   text-decoration-line: overline
}
.wf-line-through {
   text-decoration-line: line-through
}
.wf-no-underline {
   text-decoration-line: none
}
.wf-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}
.wf-text-ellipsis {
   text-overflow: ellipsis
}
.wf-text-clip {
   text-overflow: clip
}
.wf-whitespace-normal {
   white-space: normal
}
.wf-whitespace-nowrap {
   white-space: nowrap
}
.wf-whitespace-pre {
   white-space: pre
}
.wf-whitespace-pre-wrap {
   white-space: pre-wrap
}
.wf-whitespace-pre-line {
   white-space: pre-line
}
.wf-break-normal {
   overflow-wrap: normal;
   word-break: normal
}
.wf-break-words {
   overflow-wrap: break-word
}
.wf-break-all {
   word-break: break-all
}
.wf-break-keep {
   word-break: keep-all
}
.wf-text-default {
   color: var(--wf-text)
}
.wf-text-muted {
   color: var(--wf-text-muted)
}
.wf-text-muted-60 {
   color: color-mix(in srgb, var(--wf-text-muted) 60%, transparent);
}
.wf-text-muted-70 {
   color: color-mix(in srgb, var(--wf-text-muted) 70%, transparent);
}
.wf-text-muted-80 {
   color: color-mix(in srgb, var(--wf-text-muted) 80%, transparent);
}
.wf-text-success {
   color: var(--wf-success)
}
.wf-text-warning {
   color: var(--wf-warning)
}
.wf-text-danger {
   color: var(--wf-danger)
}
.wf-text-primary, .wf-text-primary-color {
   color: var(--primary-color)
}
.wf-text-secondary {
   color: var(--secondary-color)
}
.wf-text-positive {
   color: var(--positive-color)
}
.wf-text-negative {
   color: var(--negative-color)
}
.wf-text-alert {
   color: var(--alert-color)
}
.wf-text-sage {
   color: var(--sage-color)
}
.wf-text-indigo {
   color: var(--indigo-color)
}
.wf-text-earth {
   color: var(--earth-color)
}
.wf-text-info {
   color: var(--info-color)
}
.wf-text-forest {
   color: var(--forest-color)
}
.wf-text-plum {
   color: var(--plum-color)
}
.wf-text-lavender {
   color: var(--lavender-color)
}
.wf-text-dusk {
   color: var(--dusk-color)
}
.wf-text-light {
   color: var(--light-color)
}
.wf-text-dark {
   color: var(--dark-color)
}
.wf-text-white {
   color: var(--white-color)
}
.wf-text-grey {
   color: var(--grey-color)
}
.wf-text-grey-100 {
   color: var(--grey-color-100)
}
.wf-text-grey-200 {
   color: var(--grey-color-200)
}
.wf-text-grey-300 {
   color: var(--grey-color-300)
}
.wf-text-grey-400 {
   color: var(--grey-color-400)
}
.wf-text-grey-500 {
   color: var(--grey-color-500)
}
.wf-text-grey-600 {
   color: var(--grey-color-600)
}
.wf-text-grey-700 {
   color: var(--grey-color-700)
}
.wf-text-primary-inverted {
   color: var(--primary-color-inverted)
}
.wf-text-secondary-inverted {
   color: var(--secondary-color-inverted)
}
.wf-text-positive-inverted {
   color: var(--positive-color-inverted)
}
.wf-text-negative-inverted {
   color: var(--negative-color-inverted)
}
.wf-text-alert-inverted {
   color: var(--alert-color-inverted)
}
.wf-text-sage-inverted {
   color: var(--sage-color-inverted)
}
.wf-text-indigo-inverted {
   color: var(--indigo-color-inverted)
}
.wf-text-earth-inverted {
   color: var(--earth-color-inverted)
}
.wf-text-info-inverted {
   color: var(--info-color-inverted)
}
.wf-text-forest-inverted {
   color: var(--forest-color-inverted)
}
.wf-text-plum-inverted {
   color: var(--plum-color-inverted)
}
.wf-text-lavender-inverted {
   color: var(--lavender-color-inverted)
}
.wf-text-dusk-inverted {
   color: var(--dusk-color-inverted)
}
.wf-text-light-inverted {
   color: var(--light-color-inverted)
}
.wf-text-dark-inverted {
   color: var(--dark-color-inverted)
}