/* Version 0.24: editor and frontend use the identical core block structure. */
.dsa-content-page-title {
    width: min(100%, var(--dsa-content-title-max, 100%));
    max-width: var(--dsa-content-title-max, none);
    margin: 0 auto clamp(1.75rem, 4vw, 3.2rem);
}
.dsa-content-page-title h1 {
    margin: 0;
    color: var(--dsa-content-title-color, var(--dsa-text));
    font-size: var(--dsa-content-title-desktop, clamp(2.15rem, 5vw, 4.2rem));
    font-weight: var(--dsa-content-title-weight, 300);
    line-height: var(--dsa-content-title-line, 1.08);
    letter-spacing: var(--dsa-content-title-letter, normal);
    text-align: var(--dsa-content-title-align, left);
}
.dsa-block-editable-page .dsa-constellation-core-layout {
    width: 100%;
    max-width: none;
}
.dsa-block-editable-page .dsa-constellation-core-columns {
    width: 100%;
    max-width: none;
    align-items: flex-start;
    gap: clamp(20px, 3vw, 40px);
}
.dsa-block-editable-page .dsa-constellation-core-columns > .wp-block-column { min-width: 0; }
.dsa-block-editable-page .dsa-constellation-media-column .wp-block-image { margin: 0; }
.dsa-block-editable-page .dsa-constellation-media-column .wp-block-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    border: 1px solid var(--dsa-border);
    border-radius: .7rem;
}
.dsa-block-editable-page .dsa-constellation-media-column figcaption {
    margin-top: .5rem;
    color: var(--dsa-muted);
    font-size: .88rem;
    line-height: 1.4;
}
.dsa-block-editable-page .dsa-constellation-copy-column > :first-child,
.dsa-block-editable-page .dsa-constellation-continuation-core > :first-child { margin-top: 0; }
.dsa-block-editable-page .dsa-constellation-copy-column > :last-child,
.dsa-block-editable-page .dsa-constellation-continuation-core > :last-child { margin-bottom: 0; }
.dsa-block-editable-page .dsa-constellation-continuation-core {
    margin-top: clamp(1.25rem, 3vw, 2.5rem);
}

@media (max-width: 980px) {
    .dsa-content-page-title h1 {
        font-size: var(--dsa-content-title-tablet, var(--dsa-content-title-desktop, clamp(2rem, 7vw, 3.6rem)));
    }
}
@media (max-width: 781px) {
    .dsa-block-editable-page .dsa-constellation-core-columns { gap: 20px; }
}
@media (max-width: 620px) {
    .dsa-content-page-title h1 {
        font-size: var(--dsa-content-title-mobile, var(--dsa-content-title-tablet, var(--dsa-content-title-desktop, clamp(1.9rem, 10vw, 3rem))));
    }
}