.hh-card,
.hh-hero,
.hh-alert {
    box-sizing: border-box;
    margin: 0;
}

.hh-card,
.hh-hero {
    --hh-component-bg: var(--wp--preset--color--canvas, #f8f4ec);
    --hh-component-color: var(--wp--preset--color--body, #1c1f23);
    --hh-component-border: var(--wp--preset--color--border, #ced4da);

    display: grid;
    overflow: hidden;
    background: var(--hh-component-bg);
    color: var(--hh-component-color);
    border: 1px solid var(--hh-component-border);
    border-radius: 0.75rem;
}

.hh-card-content,
.hh-hero-content {
    min-width: 0;
    padding: 1.25rem;
}

:is(.hh-card-content, .hh-hero-content) > :first-child,
.hh-alert > :first-child {
    margin-top: 0;
}

:is(.hh-card-content, .hh-hero-content) > :last-child,
.hh-alert > :last-child {
    margin-bottom: 0;
}

.hh-card-media,
.hh-hero-media {
    min-width: 0;
    overflow: hidden;
}

.hh-card-media-image,
.hh-hero-media-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hh-card.hh-has-media.hh-layout-media-start,
.hh-card.hh-has-media.hh-layout-media-end {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    align-items: stretch;
}

.hh-card.hh-has-media.hh-layout-media-end .hh-card-media {
    order: 2;
}

.hh-media-ratio-4-3 .hh-card-media { aspect-ratio: 4 / 3; }
.hh-media-ratio-16-9 .hh-card-media { aspect-ratio: 16 / 9; }
.hh-media-ratio-square .hh-card-media { aspect-ratio: 1; }

.hh-hero {
    min-height: 24rem;
    position: relative;
}

.hh-hero-content {
    position: relative;
    z-index: 2;
    align-self: center;
    padding: clamp(2rem, 5vw, 5rem);
}

.hh-hero.hh-scale-compact { min-height: 18rem; }
.hh-hero.hh-scale-standard { min-height: 24rem; }
.hh-hero.hh-scale-spacious { min-height: 32rem; }

.hh-hero.hh-has-media.hh-layout-media-end,
.hh-hero.hh-has-media.hh-layout-media-start {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.hh-hero.hh-has-media .hh-hero-media {
    position: relative;
    min-height: 18rem;
}

.hh-hero.hh-has-media .hh-hero-media-image {
    position: absolute;
    inset: 0;
}

.hh-hero.hh-has-media.hh-layout-media-start .hh-hero-content { order: 2; }
.hh-hero.hh-has-media.hh-layout-media-start .hh-hero-media { order: 1; }

.hh-hero.hh-layout-overlay > * {
    grid-area: 1 / 1;
}

.hh-hero.hh-layout-overlay .hh-hero-media {
    position: relative;
}

.hh-hero.hh-layout-overlay .hh-hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--wp--preset--color--contrast, currentcolor) 72%, transparent),
        color-mix(in srgb, var(--wp--preset--color--contrast, currentcolor) 20%, transparent)
    );
}

.hh-hero.hh-layout-overlay .hh-hero-content {
    color: var(--wp--preset--color--base, inherit);
    max-width: 48rem;
}

.hh-card.hh-variant-primary,
.hh-hero.hh-variant-primary {
    --hh-component-bg: var(--wp--preset--color--primary, #0b57d0);
    --hh-component-color: var(--wp--preset--color--base, #fff);
    --hh-component-border: var(--wp--preset--color--primary, #0b57d0);
}

.hh-card.hh-variant-secondary,
.hh-hero.hh-variant-secondary {
    --hh-component-bg: var(--wp--preset--color--secondary, #5f6b7a);
    --hh-component-color: var(--wp--preset--color--base, #fff);
    --hh-component-border: var(--wp--preset--color--secondary, #5f6b7a);
}

.hh-card.hh-variant-light,
.hh-hero.hh-variant-light {
    --hh-component-bg: var(--wp--preset--color--base, #fff);
    --hh-component-color: var(--wp--preset--color--body, #1c1f23);
    --hh-component-border: var(--wp--preset--color--border, #ced4da);
}

.hh-card.hh-variant-dark,
.hh-hero.hh-variant-dark {
    --hh-component-bg: var(--wp--preset--color--contrast, #1f2937);
    --hh-component-color: var(--wp--preset--color--base, #fff);
    --hh-component-border: var(--wp--preset--color--contrast, #1f2937);
}

@media (max-width: 781px) {
    .hh-card.hh-has-media.hh-layout-media-start,
    .hh-card.hh-has-media.hh-layout-media-end,
    .hh-hero.hh-has-media.hh-layout-media-start,
    .hh-hero.hh-has-media.hh-layout-media-end {
        grid-template-columns: minmax(0, 1fr);
    }

    .hh-card.hh-has-media.hh-layout-media-end .hh-card-media,
    .hh-hero.hh-has-media.hh-layout-media-start .hh-hero-content,
    .hh-hero.hh-has-media.hh-layout-media-start .hh-hero-media {
        order: initial;
    }

    .hh-hero {
        min-height: 0;
    }
}

.hh-alert {
    position: relative;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, #0b57d0 35%, #ffffff);
    border-radius: 0.75rem;
    background: #eff4ff;
    color: #0b57d0;
}

.hh-alert.hh-variant-secondary { background: #f3f4f6; color: #5f6b7a; border-color: #d1d5db; }
.hh-alert.hh-variant-success { background: #ecfdf3; color: #166534; border-color: #86efac; }
.hh-alert.hh-variant-warning { background: #fffbeb; color: #92400e; border-color: #fcd34d; }
.hh-alert.hh-variant-danger { background: #fef2f2; color: #991b1b; border-color: #fca5a5; }
.hh-alert.hh-variant-info { background: #ecfeff; color: #155e75; border-color: #67e8f9; }
.hh-alert.hh-variant-light { background: #f8fafc; color: #334155; border-color: #e2e8f0; }
.hh-alert.hh-variant-dark { background: #1f2937; color: #f9fafb; border-color: #111827; }

.hh-alert.hh-alert-dismissible {
    padding-right: 2.5rem;
}

.hh-alert .hh-alert-close {
    position: absolute;
    top: 0.65rem;
    right: 0.65rem;
    width: 1.25rem;
    height: 1.25rem;
    border: none;
    background: transparent;
    cursor: pointer;
}

.hh-alert .hh-alert-close::before,
.hh-alert .hh-alert-close::after {
    content: '';
    position: absolute;
    top: 0.1rem;
    left: 0.58rem;
    width: 0.12rem;
    height: 1rem;
    background: currentColor;
}

.hh-alert .hh-alert-close::before {
    transform: rotate(45deg);
}

.hh-alert .hh-alert-close::after {
    transform: rotate(-45deg);
}

.hh-event-list,
.hh-event-calendar {
    box-sizing: border-box;
    margin: 0;
}

.hh-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.hh-event-list-header {
    margin-bottom: clamp(1.5rem, 4vw, 3rem);
}

.hh-event-list-header.is-visually-hidden {
    margin: 0;
}

.hh-event-list-header :is(h2, h3, h4, h5, h6) {
    margin: 0;
}

.hh-event-list-items {
    border-top: 1px solid var(--wp--preset--color--border, #ced4da);
}

.hh-event-card {
    display: grid;
    grid-template-areas: "schedule content actions";
    grid-template-columns: minmax(5rem, 0.22fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(1rem, 3vw, 2rem);
    padding-block: clamp(1.25rem, 3vw, 2rem);
    border-bottom: 1px solid var(--wp--preset--color--border, #ced4da);
}

.hh-event-card.has-image {
    grid-template-areas: "schedule media content actions";
    grid-template-columns: minmax(5rem, 0.22fr) minmax(7rem, 11rem) minmax(0, 1fr) auto;
}

.hh-event-card-schedule {
    grid-area: schedule;
    display: flex;
    align-items: center;
    flex-direction: column;
    line-height: 1.1;
}

.hh-event-card-month,
.hh-event-card-weekday,
.hh-event-card-start-time,
.hh-event-card-year {
    display: block;
}

.hh-event-card-day {
    display: block;
    font-size: clamp(2.25rem, 5vw, 3.5rem);
    line-height: 0.95;
}

.hh-event-card-media {
    grid-area: media;
    align-self: start;
}

.hh-event-card-image,
.hh-event-header-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.hh-event-card-image {
    aspect-ratio: 4 / 3;
}

.hh-event-header-media {
    margin: 0 0 1.5rem;
}

.hh-event-header-image {
    max-height: 32rem;
}

.hh-event-card-content {
    grid-area: content;
}

.hh-event-card-content > :first-child {
    margin-top: 0;
}

.hh-event-card-content > :last-child {
    margin-bottom: 0;
}

.hh-event-card-content :is(h2, h3, h4, h5, h6) {
    margin-block: 0 0.5rem;
}

.hh-event-card-kind,
.hh-event-card-status,
.hh-event-card-place,
.hh-event-card-excerpt,
.hh-event-card-admission {
    margin-block: 0.25rem;
}

.hh-event-card-status {
    font-weight: 700;
}

.hh-event-card-venue,
.hh-event-card-address {
    display: block;
}

.hh-event-card-actions {
    grid-area: actions;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    margin: 0;
}

.is-presentation-cards .hh-event-list-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
    gap: 1rem;
    border-top: 0;
}

.is-presentation-cards .hh-event-card,
.is-presentation-cards .hh-event-card.has-image {
    grid-template-areas:
        "schedule content"
        "schedule actions";
    grid-template-columns: minmax(4.5rem, 0.28fr) minmax(0, 1fr);
    align-items: start;
    padding: 1.25rem;
    border: 1px solid var(--wp--preset--color--border, #ced4da);
}

.is-presentation-cards :is(.hh-event-card-media, .hh-event-card-address, .hh-event-card-excerpt, .hh-event-card-year) {
    display: none;
}

.is-presentation-prominent .hh-event-card {
    grid-template-areas:
        "schedule content"
        "schedule actions";
    grid-template-columns: minmax(5rem, 0.2fr) minmax(0, 1fr);
}

.is-presentation-prominent .hh-event-card.has-image {
    grid-template-areas:
        "schedule content media"
        "schedule actions media";
    grid-template-columns: minmax(5rem, 0.2fr) minmax(16rem, 1fr) minmax(14rem, 0.8fr);
}

.is-presentation-rows :is(.hh-event-card-address, .hh-event-card-admission, .hh-event-card-year) {
    display: none;
}

.is-presentation-rows .hh-event-card {
    min-width: 0;
}

.is-presentation-compact .hh-event-card,
.is-presentation-compact .hh-event-card.has-image {
    grid-template-areas: "schedule content actions";
    grid-template-columns: minmax(6rem, 0.25fr) minmax(0, 1fr) auto;
    padding-block: 0.9rem;
}

.is-presentation-compact .hh-event-card-schedule {
    align-items: baseline;
    flex-direction: row;
    gap: 0.35rem;
}

.is-presentation-compact .hh-event-card-day {
    font-size: 1rem;
}

.is-presentation-compact :is(
    .hh-event-card-media,
    .hh-event-card-weekday,
    .hh-event-card-start-time,
    .hh-event-card-place,
    .hh-event-card-excerpt,
    .hh-event-card-admission,
    .hh-event-card-registration
) {
    display: none;
}

.is-presentation-compact .hh-event-card-registration {
    display: none;
}

.hh-audio-playlist-items {
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--wp--preset--color--border, #ced4da);
    list-style: none;
}

.hh-audio-playlist-track {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem 1rem;
    padding-block: 0.9rem;
    border-bottom: 1px solid var(--wp--preset--color--border, #ced4da);
}

.hh-audio-playlist-toggle {
    display: none;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    padding: 0;
    border: 1px solid currentcolor;
    border-radius: 50%;
    color: var(--wp--preset--color--primary, #0b57d0);
    background: transparent;
    cursor: pointer;
}

.hh-audio-playlist-toggle > span {
    width: 0;
    height: 0;
    border-block: 0.38rem solid transparent;
    border-inline-start: 0.6rem solid currentcolor;
    translate: 0.08rem 0;
}

.hh-audio-playlist-track.is-playing .hh-audio-playlist-toggle > span {
    width: 0.6rem;
    height: 0.75rem;
    border-block: 0;
    border-inline: 0.18rem solid currentcolor;
    translate: 0;
}

.hh-audio-playlist-copy,
.hh-audio-playlist-title,
.hh-audio-playlist-supporting {
    display: block;
}

.hh-audio-playlist-title {
    font-weight: 700;
}

.hh-audio-playlist-supporting,
.hh-audio-playlist-duration {
    font-size: 0.875rem;
}

.hh-audio-playlist-audio {
    grid-column: 1 / -1;
    width: 100%;
}

.hh-audio-playlist.is-enhanced .hh-audio-playlist-toggle {
    display: grid;
}

.hh-audio-playlist.is-enhanced .hh-audio-playlist-audio {
    display: none;
}

.hh-audio-playlist-editor-toolbar {
    margin-bottom: 1rem;
}

.hh-audio-playlist-editor-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.hh-audio-playlist-editor-actions {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.hh-event-details {
    display: grid;
    gap: 1rem;
    margin-block: 0 2rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid var(--wp--preset--color--border, #ced4da);
}

.hh-event-details dl {
    display: grid;
    gap: 0.75rem;
    margin: 0;
}

.hh-event-details dl > div {
    display: grid;
    grid-template-columns: minmax(6rem, 0.25fr) minmax(0, 1fr);
    gap: 1rem;
}

.hh-event-details dt {
    font-weight: 700;
}

.hh-event-details dd,
.hh-event-details p {
    margin: 0;
}

.hh-event-map {
    width: 100%;
    min-height: 22rem;
    background: var(--wp--preset--color--base-2, Canvas);
}

.hh-event-map-message {
    display: grid;
    min-height: inherit;
    place-items: center;
    margin: 0;
    padding: 1.5rem;
    text-align: center;
}

.hh-venue-map-card {
    box-sizing: border-box;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid var(--wp--preset--color--border, #ced4da);
    border-radius: 0.5rem;
    background: var(--wp--preset--color--base, #fff);
    color: var(--wp--preset--color--body, #1c1f23);
}

.hh-venue-map-label {
    margin: 0 0 0.5rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hh-venue-map-name {
    margin: 0;
}

.hh-venue-map-address {
    margin: 0.5rem 0 1.25rem;
    font-style: normal;
}

.hh-venue-map-card .hh-event-map {
    margin-block: 1.25rem;
}

.hh-venue-map-actions {
    margin: 1.25rem 0 0;
}

.hh-venue-map-directions {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1rem;
    border: 1px solid currentcolor;
    border-radius: 0.25rem;
    color: var(--wp--preset--color--primary, #0b57d0);
    font-weight: 700;
    text-decoration: none;
}

.hh-venue-map-empty {
    margin: 0;
    padding: 1rem;
    border: 1px dashed currentcolor;
}

.hh-event-calendar-month {
    margin-block: 0.5rem 0;
}

.hh-event-calendar-items {
    border-top: 1px solid var(--wp--preset--color--border, #ced4da);
}

@media (max-width: 600px) {
    .hh-event-card,
    .hh-event-card.has-image,
    .is-presentation-prominent .hh-event-card,
    .is-presentation-prominent .hh-event-card.has-image {
        grid-template-areas:
            "schedule"
            "media"
            "content"
            "actions";
        grid-template-columns: minmax(0, 1fr);
        gap: 0.75rem;
    }

    .hh-event-card-schedule {
        align-items: baseline;
        flex-direction: row;
        gap: 0.45rem;
    }

    .hh-event-card-day {
        font-size: 1.5rem;
    }

    .is-presentation-cards .hh-event-card,
    .is-presentation-cards .hh-event-card.has-image {
        grid-template-areas:
            "schedule"
            "content"
            "actions";
        grid-template-columns: minmax(0, 1fr);
    }

    .is-presentation-compact .hh-event-card,
    .is-presentation-compact .hh-event-card.has-image {
        grid-template-areas:
            "schedule actions"
            "content content";
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .hh-event-details dl > div {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.125rem;
    }
}

.hh-tabs-list {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid currentcolor;
}

.hh-tabs-list [role="tab"] {
    padding: 0.75rem 1rem;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.hh-tabs-list [aria-selected="true"] {
    border-bottom: 0.25rem solid currentcolor;
}

.hh-tabs-panel {
    padding-block: 1.5rem;
}

.hh-modal-layer {
    position: fixed;
    z-index: 100000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: color-mix(in srgb, currentcolor 55%, transparent);
}

.hh-modal-layer[hidden] {
    display: none;
}

.hh-modal-dialog {
    position: relative;
    width: min(100%, 42rem);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    padding: clamp(1.5rem, 4vw, 3rem);
    background: var(--wp--preset--color--base, Canvas);
    color: var(--wp--preset--color--contrast, CanvasText);
}

.hh-modal-close {
    position: absolute;
    inset-block-start: 0.75rem;
    inset-inline-end: 0.75rem;
}

.hh-form {
    display: grid;
    gap: 1.25rem;
}

.hh-form-content,
.hh-form-group,
.hh-form-step {
    display: grid;
    gap: 1rem;
}

.hh-form-group,
.hh-form-field-radio {
    margin: 0;
    padding: 1rem;
    border: 1px solid currentcolor;
    border-radius: 0.25rem;
}

.hh-form-field {
    display: grid;
    gap: 0.375rem;
}

.hh-form-field input:not([type="checkbox"]),
.hh-form-field select,
.hh-form-field textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 0.75rem;
    border: 1px solid currentcolor;
    border-radius: 0.25rem;
    background: transparent;
    color: inherit;
    font: inherit;
}

.hh-form-field textarea {
    min-height: 8rem;
}

.hh-form-field-radio label,
.hh-form-field-checkbox label {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}

.hh-form-field input:focus-visible,
.hh-form-field select:focus-visible,
.hh-form-field textarea:focus-visible,
.hh-form button:focus-visible {
    outline: 3px solid currentcolor;
    outline-offset: 3px;
}

.hh-form-wizard {
    display: grid;
    gap: 1rem;
}

.hh-form-wizard-progress {
    display: flex;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hh-form-wizard-progress li {
    flex: 1;
    padding-block-end: 0.5rem;
    border-block-end: 3px solid color-mix(in srgb, currentcolor 30%, transparent);
}

.hh-form-wizard-progress li[aria-current="step"] {
    border-block-end-color: currentcolor;
    font-weight: 700;
}

.hh-form-wizard-actions {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.hh-form-email-check {
    padding: 1rem;
    border-inline-start: 0.25rem solid currentcolor;
}

.hh-form-email-check [data-hh-email-editor] {
    margin-block-start: 0.75rem;
}

.hh-form-email-check [data-hh-email-warning]:empty {
    display: none;
}

.hh-form-required {
    color: #991b1b;
}

.hh-form-honeypot {
    position: absolute;
    inset-inline-start: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.hh-form-response:not(:empty) {
    padding: 0.75rem;
    border: 1px solid currentcolor;
}

/* =========================================================
   core/heading display style variations - base layer
   ========================================================= */

.wp-block-heading.is-style-hemhem-display-1,
.wp-block-heading.is-style-hemhem-display-2,
.wp-block-heading.is-style-hemhem-display-3,
.wp-block-heading.is-style-hemhem-display-4,
.wp-block-heading.is-style-hemhem-display-5,
.wp-block-heading.is-style-hemhem-display-6 {
    font-size: var(--hh-heading-display-size);
    font-weight: 300;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.wp-block-heading.is-style-hemhem-display-1 { --hh-heading-display-size: 5rem; }
.wp-block-heading.is-style-hemhem-display-2 { --hh-heading-display-size: 4.5rem; }
.wp-block-heading.is-style-hemhem-display-3 { --hh-heading-display-size: 4rem; }
.wp-block-heading.is-style-hemhem-display-4 { --hh-heading-display-size: 3.5rem; }
.wp-block-heading.is-style-hemhem-display-5 { --hh-heading-display-size: 3rem; }
.wp-block-heading.is-style-hemhem-display-6 { --hh-heading-display-size: 2.5rem; }

/* =========================================================
   core/list style variations - base layer
   ========================================================= */

.wp-block-list.is-style-hemhem-unstyled,
.wp-block-list.is-style-hemhem-inline {
    padding-inline-start: 0;
    list-style: none;
}

.wp-block-list.is-style-hemhem-unstyled > li::marker,
.wp-block-list.is-style-hemhem-inline > li::marker {
    content: "";
}

.wp-block-list.is-style-hemhem-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 1rem;
}

.wp-block-list.is-style-hemhem-inline > li {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* =========================================================
   core/quote and core/pullquote style variations - base layer
   ========================================================= */

.wp-block-quote.is-style-hemhem-bordered,
.wp-block-pullquote.is-style-hemhem-bordered {
    --hh-quote-border-color: var(--wp--preset--color--border, #ced4da);

    border: 1px solid var(--hh-quote-border-color);
    border-radius: 0.375rem;
    padding: 1rem;
}

.wp-block-quote.is-style-hemhem-emphasized,
.wp-block-pullquote.is-style-hemhem-emphasized > blockquote {
    font-size: 1.25rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.wp-block-quote.is-style-hemhem-emphasized > cite,
.wp-block-pullquote.is-style-hemhem-emphasized cite {
    font-size: 0.875em;
}

/* =========================================================
   core/table style variations - base layer
   ========================================================= */

.wp-block-table.is-style-hemhem-striped {
    --hh-table-stripe-bg: color-mix(in srgb, currentcolor 6%, transparent);
}

.wp-block-table.is-style-hemhem-striped > table > tbody > tr:nth-of-type(odd) > * {
    background-color: var(--hh-table-stripe-bg);
}

.wp-block-table.is-style-hemhem-bordered {
    --hh-table-border-color: var(--wp--preset--color--border, #ced4da);
}

.wp-block-table.is-style-hemhem-bordered > table {
    border-collapse: collapse;
}

.wp-block-table:where(.is-style-hemhem-bordered) > table > :is(thead, tbody, tfoot) > tr > :is(th, td) {
    border: 1px solid var(--hh-table-border-color);
}

.wp-block-table.is-style-hemhem-compact > table > :is(thead, tbody, tfoot) > tr > :is(th, td) {
    padding: 0.25rem 0.5rem;
}

.wp-block-table.is-style-hemhem-striped,
.wp-block-table.is-style-hemhem-bordered,
.wp-block-table.is-style-hemhem-compact,
.wp-block-table.is-style-hemhem-responsive {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

/* =========================================================
   native media style variations - base layer
   ========================================================= */

.wp-block-image.is-style-hemhem-rounded,
.wp-block-image.is-style-hemhem-thumbnail,
.wp-block-gallery.is-style-hemhem-rounded,
.wp-block-gallery.is-style-hemhem-thumbnail,
.wp-block-cover.is-style-hemhem-rounded,
.wp-block-media-text.is-style-hemhem-rounded,
.wp-block-video.is-style-hemhem-rounded {
    --hh-media-border-color: var(--wp--preset--color--border, #ced4da);
    --hh-media-border-radius: 0.375rem;
    --hh-media-thumbnail-bg: var(--wp--preset--color--canvas, #ffffff);
    --hh-media-thumbnail-padding: 0.25rem;
}

:where(.wp-block-image.is-style-hemhem-rounded) img,
:where(.wp-block-gallery.is-style-hemhem-rounded > .wp-block-image) img {
    border-radius: var(--hh-media-border-radius);
}

:where(.wp-block-image.is-style-hemhem-thumbnail) img,
:where(.wp-block-gallery.is-style-hemhem-thumbnail > .wp-block-image) img {
    box-sizing: border-box;
    padding: var(--hh-media-thumbnail-padding);
    background-color: var(--hh-media-thumbnail-bg);
    border: 1px solid var(--hh-media-border-color);
    border-radius: var(--hh-media-border-radius);
}

:where(.wp-block-cover.is-style-hemhem-rounded) {
    border-radius: var(--hh-media-border-radius);
}

:where(.wp-block-media-text.is-style-hemhem-rounded) > .wp-block-media-text__media {
    border-radius: var(--hh-media-border-radius);
}

:where(.wp-block-media-text.is-style-hemhem-rounded) > .wp-block-media-text__media :is(img, video) {
    border-radius: var(--hh-media-border-radius);
}

:where(.wp-block-video.is-style-hemhem-rounded) > video {
    border-radius: var(--hh-media-border-radius);
}

:where(.wp-block-video.is-style-hemhem-widescreen) > video {
    aspect-ratio: 16 / 9;
    object-fit: contain;
}

.wp-block-video:where(.is-style-hemhem-widescreen) > video[poster] {
    object-fit: contain;
}

/* =========================================================
   core/details style variations - base layer
   ========================================================= */

.wp-block-details.is-style-hemhem-bordered,
.wp-block-details.is-style-hemhem-flush {
    --hh-details-border-color: var(--wp--preset--color--border, #ced4da);
}

.wp-block-details.is-style-hemhem-bordered {
    border: 1px solid var(--hh-details-border-color);
    border-radius: 0.375rem;
    padding: 0 1rem;
}

.wp-block-details.is-style-hemhem-bordered[open] {
    padding-bottom: 1rem;
}

.wp-block-details.is-style-hemhem-flush {
    border: 0;
    border-bottom: 1px solid var(--hh-details-border-color);
    border-radius: 0;
    padding: 0;
}

.wp-block-details.is-style-hemhem-bordered > summary,
.wp-block-details.is-style-hemhem-flush > summary {
    cursor: pointer;
    font-weight: 600;
    padding: 0.75rem 0;
}

.wp-block-details.is-style-hemhem-bordered > summary:focus-visible,
.wp-block-details.is-style-hemhem-flush > summary:focus-visible {
    outline: 2px solid currentcolor;
    outline-offset: 0.25rem;
}

.wp-block-details.is-style-hemhem-bordered[open] > summary,
.wp-block-details.is-style-hemhem-flush[open] > summary {
    margin-bottom: 0.25rem;
}

/* =========================================================
   Native layout style variations — base layer
   ========================================================= */

.wp-block-columns.is-style-bootstrap-grid {
    gap: 1.5rem;
}

:where(.wp-block-columns.is-style-hemhem-divided > .wp-block-column + .wp-block-column) {
    box-sizing: border-box;
    border-inline-start: 1px solid var(--hh-layout-divider-color, var(--wp--preset--color--border, #ced4da));
}

@media (max-width: 781px) {
    :where(.wp-block-columns.is-style-hemhem-divided:not(.is-not-stacked-on-mobile) > .wp-block-column + .wp-block-column) {
        border-inline-start: 0;
        border-block-start: 1px solid var(--hh-layout-divider-color, var(--wp--preset--color--border, #ced4da));
    }
}

/* =========================================================
   Native separator and spacer style variations - base layer
   ========================================================= */

.wp-block-separator.is-style-hemhem-thin {
    --hh-separator-rule-width: 1px;
}

.wp-block-separator.is-style-hemhem-thick {
    --hh-separator-rule-width: 4px;
}

.wp-block-separator:where(.is-style-hemhem-thin, .is-style-hemhem-thick) {
    border-top-width: var(--hh-separator-rule-width);
    border-bottom-width: var(--hh-separator-rule-width);
}

.wp-block-separator:where(.is-style-hemhem-thin, .is-style-hemhem-thick).has-background:not(.is-style-wide):not(.is-style-dots) {
    height: var(--hh-separator-rule-width);
}

.wp-block-spacer.is-style-hemhem-responsive {
    --hh-spacer-medium-max: 4rem;
    --hh-spacer-small-max: 2rem;
}

@media (max-width: 781px) {
    :where(.wp-block-spacer.is-style-hemhem-responsive[style*="width:"]) {
        max-inline-size: var(--hh-spacer-medium-max);
    }

    :where(.wp-block-spacer.is-style-hemhem-responsive[style*="height:"]:not([style*="width:"])) {
        max-block-size: var(--hh-spacer-medium-max);
    }
}

@media (max-width: 480px) {
    :where(.wp-block-spacer.is-style-hemhem-responsive[style*="width:"]) {
        max-inline-size: var(--hh-spacer-small-max);
    }

    :where(.wp-block-spacer.is-style-hemhem-responsive[style*="height:"]:not([style*="width:"])) {
        max-block-size: var(--hh-spacer-small-max);
    }
}

/* =========================================================
   core/button style variations — base layer
   ========================================================= */

/* Reset WP default button decoration when any hh-btn style is active */
.wp-block-button.is-style-btn-primary .wp-block-button__link,
.wp-block-button.is-style-btn-primary-arrow .wp-block-button__link,
.wp-block-button.is-style-btn-secondary .wp-block-button__link,
.wp-block-button.is-style-btn-outline-primary .wp-block-button__link,
.wp-block-button.is-style-btn-outline-secondary .wp-block-button__link,
.wp-block-button.is-style-btn-outline-heart .wp-block-button__link,
.wp-block-button.is-style-btn-link .wp-block-button__link,
.wp-block-button.is-style-btn-sm .wp-block-button__link,
.wp-block-button.is-style-btn-lg .wp-block-button__link {
    border-radius: 0.375rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Solid primary */
.wp-block-button.is-style-btn-primary .wp-block-button__link,
.wp-block-button.is-style-btn-primary-arrow .wp-block-button__link {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    background-color: var(--wp--preset--color--primary, #0b57d0);
    color: #ffffff;
    border: 1px solid var(--wp--preset--color--primary, #0b57d0);
}

.wp-block-button.is-style-btn-primary-arrow .wp-block-button__link {
    display: inline-flex;
    gap: 0.75rem;
    align-items: center;
}

.wp-block-button.is-style-btn-primary-arrow .wp-block-button__link::after {
    content: "\2192";
    line-height: 1;
}

/* Solid secondary */
.wp-block-button.is-style-btn-secondary .wp-block-button__link {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    background-color: var(--wp--preset--color--secondary, #6c757d);
    color: #ffffff;
    border: 1px solid var(--wp--preset--color--secondary, #6c757d);
}

/* Outline primary */
.wp-block-button.is-style-btn-outline-primary .wp-block-button__link,
.wp-block-button.is-style-btn-outline-heart .wp-block-button__link {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    background-color: transparent;
    color: var(--wp--preset--color--primary, #0b57d0);
    border: 1px solid var(--wp--preset--color--primary, #0b57d0);
}

/* Outline secondary */
.wp-block-button.is-style-btn-outline-secondary .wp-block-button__link {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    background-color: transparent;
    color: var(--wp--preset--color--secondary, #6c757d);
    border: 1px solid var(--wp--preset--color--secondary, #6c757d);
}

.wp-block-button.is-style-btn-outline-heart .wp-block-button__link {
    display: inline-flex;
    gap: 0.75rem;
    align-items: center;
}

.wp-block-button.is-style-btn-outline-heart .wp-block-button__link::before {
    content: "\2661";
    font-size: 1.2em;
    line-height: 1;
}

.wp-block-paragraph.is-style-prehead {
    margin-block-end: 0.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.4;
    text-transform: uppercase;
}

/* Link */
.wp-block-button.is-style-btn-link .wp-block-button__link {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    background-color: transparent;
    color: var(--wp--preset--color--primary, #0b57d0);
    border: 1px solid transparent;
    text-decoration: underline;
}

/* Small */
.wp-block-button.is-style-btn-sm .wp-block-button__link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
}

/* Large */
.wp-block-button.is-style-btn-lg .wp-block-button__link {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.375rem;
}