/* Native content defaults. Low specificity keeps editor choices editable.
 * WordPress supplies the 760px reading / 1200px wide layout and block gaps.
 * Custom storefront sections retain their own component styles.
 */
:where(.vernalia-page-content, .editor-styles-wrapper) {
    --vernalia-content-space: clamp(1.25rem, 3vw, 2rem);
}
.vernalia-page > .wp-block-post-title {
    color: var(--wp--preset--color--arcilla);
    line-height: 1.15;
    text-wrap: balance;
    margin-bottom: clamp(1.5rem, 4vw, 3rem);
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-heading {
    font-family: var(--wp--preset--font-family--heading);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .025em;
    text-wrap: balance;
    overflow-wrap: anywhere;
    margin-block-start: clamp(2rem, 5vw, 3.5rem);
    margin-block-end: 1rem;
}
:where(.vernalia-page-content, .editor-styles-wrapper) h1:where(.wp-block-heading) { font-size: clamp(2.25rem, 1.5rem + 3vw, 3.5rem); }
:where(.vernalia-page-content, .editor-styles-wrapper) h2:where(.wp-block-heading) { font-size: clamp(1.875rem, 1.4rem + 2vw, 2.75rem); }
:where(.vernalia-page-content, .editor-styles-wrapper) h3:where(.wp-block-heading) { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem); }
:where(.vernalia-page-content, .editor-styles-wrapper) h4:where(.wp-block-heading) { font-size: clamp(1.25rem, 1.1rem + .6vw, 1.5rem); }
:where(.vernalia-page-content, .editor-styles-wrapper) h5:where(.wp-block-heading) { font-size: 1.125rem; }
:where(.vernalia-page-content, .editor-styles-wrapper) h6:where(.wp-block-heading) { font-size: 1rem; }
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-heading:first-child { margin-block-start: 0; }
:where(.vernalia-page-content, .editor-styles-wrapper) :where(p, .wp-block-list) {
    line-height: 1.75;
    overflow-wrap: anywhere;
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-list {
    padding-inline-start: 1.5em;
    font-weight: 200;
    letter-spacing: .025em;
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-list li + li { margin-block-start: .5em; }
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-list ::marker { color: var(--wp--preset--color--arcilla); }
:where(.vernalia-page-content, .editor-styles-wrapper) :where(p, li) a {
    text-decoration: underline;
    text-underline-offset: .2em;
}
:where(.vernalia-page-content, .editor-styles-wrapper) :where(.wp-block-image, .wp-block-gallery, .wp-block-video, .wp-block-embed, .wp-block-audio) {
    min-width: 0;
}
:where(.vernalia-page-content, .editor-styles-wrapper) :where(.wp-block-image img, .wp-block-video video),
.vernalia-page > .wp-block-post-featured-image img {
    max-width: 100%;
    height: auto;
    border-radius: .5rem;
}
:where(.vernalia-page-content, .editor-styles-wrapper) figcaption {
    font-size: .875rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-quote {
    border: 0;
    border-inline-start: 3px solid var(--wp--preset--color--arcilla);
    background: var(--wp--preset--color--beige);
    padding: var(--vernalia-content-space);
    margin-inline: 0;
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-pullquote {
    border-block: 1px solid var(--wp--preset--color--arena);
    padding: var(--vernalia-content-space);
    font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);
    line-height: 1.5;
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-pullquote blockquote { margin-inline: 0; }
:where(.vernalia-page-content, .editor-styles-wrapper) :where(.wp-block-quote, .wp-block-pullquote) cite {
    display: block;
    margin-block-start: 1rem;
    font-size: .875rem;
    font-style: normal;
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-separator {
    border: 0;
    border-top: 1px solid var(--wp--preset--color--arena);
    margin-block: clamp(2rem, 5vw, 3.5rem);
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    max-width: 100%;
    padding: .85em 1.6em;
    border-radius: 99px;
    font-family: var(--wp--preset--font-family--body);
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    white-space: normal;
    overflow-wrap: anywhere;
    text-decoration: none;
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-button { max-width: 100%; }
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-button__link:hover { text-decoration: underline; }
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-table {
    max-width: 100%;
    overflow-x: auto;
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-table :where(th, td) {
    border: 1px solid var(--wp--preset--color--arena);
    padding: .75em;
    overflow-wrap: anywhere;
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-table th {
    background: var(--wp--preset--color--beige);
    font-weight: 400;
}
:where(.vernalia-page-content, .editor-styles-wrapper) :where(.wp-block-code, .wp-block-preformatted) {
    max-width: 100%;
    overflow-x: auto;
    padding: var(--vernalia-content-space);
    background: var(--wp--preset--color--beige);
    border: 1px solid var(--wp--preset--color--arena);
    border-radius: .5rem;
    font-size: .875rem;
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-details {
    padding-block: .5rem;
    border-block-end: 1px solid var(--wp--preset--color--arena);
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-details summary {
    min-height: 48px;
    padding-block: .75rem;
    cursor: pointer;
    overflow-wrap: anywhere;
}
:where(.vernalia-page-content, .editor-styles-wrapper) :where(a, summary, button, input, select, textarea):focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}
:where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-media-text__content { min-width: 0; }
/* Match the native Media & Text stacking breakpoint. */
@media (max-width: 600px) {
    :where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
        padding: 1.25rem 0;
    }
    :where(.vernalia-page-content, .editor-styles-wrapper) .wp-block-image:is(.alignleft, .alignright) {
        float: none;
        margin-inline: 0;
        max-width: 100%;
    }
}