/* Reusable native editorial arrangements.
 * Solutto COnsulting LLC — Gilson Rincón, CEO; gilson.rincon@soluttoconsulting.com.
 * Colors, column proportions and editorial typography remain block controls.
 */
.editorial-hero--left .wp-block-cover__inner-container { text-align: left; }
.editorial-hero--left h1 { max-width: 920px; margin-inline: 0; }
.editorial-hero--left .editorial-lead { margin-inline: 0; }
.editorial-hero--left .wp-block-buttons { justify-content: flex-start; }
.editorial-hero--wide h1 { max-width: 1030px; }
.editorial-cta--wide h2 { max-width: 820px; }
.editorial-cta--wide .wp-block-buttons { margin-top: 30px; }
.editorial-cta--open h2 { max-width: none; }
.editorial-content-flow .editorial-intro--left { margin-inline: 0; text-align: left; }
.editorial-split--top > .wp-block-columns { align-items: flex-start; }
/* Core declares align-items:normal!important on Columns. Match the selected
 * native alignment so both the editor control and the frontend agree. */
.editorial-stage .wp-block-columns.are-vertically-aligned-center,
.editorial-case--balanced > .wp-block-columns.are-vertically-aligned-center { align-items: center !important; }
.editorial-split--top > .wp-block-columns.are-vertically-aligned-top,
.editorial-aside-form .editorial-form-columns.are-vertically-aligned-top { align-items: flex-start !important; }
.editorial-split--wide-gap > .wp-block-columns { gap: clamp(44px, 7vw, 94px); }
.editorial-split--principles > .wp-block-columns { gap: clamp(40px, 6vw, 84px); }
.editorial-portrait.editorial-portrait--documentary { max-width: none; margin: 30px 0 0; border-radius: 18px; }
.editorial-portrait--documentary img { aspect-ratio: 4/5; object-fit: cover; width: 100%; }
.editorial-documentary-copy > p { color: var(--ast-global-color-3); font-size: 1.08rem; margin-bottom: 24px; }
.is-style-editorial-practices { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ast-global-color-7); }
.is-style-editorial-practices li { position: relative; margin: 0; padding: 18px 0 18px 49px; border-bottom: 1px solid var(--ast-global-color-7); font-weight: 650; min-height: 70px; }
.is-style-editorial-practices li::before,
.is-style-editorial-practices li::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; }
.is-style-editorial-practices li::before { left: 0; width: 34px; height: 34px; border-radius: 50%; background: color-mix(in srgb, var(--ast-global-color-0) 10%, var(--ast-global-color-4)); }
.is-style-editorial-practices li::after { left: 9.5px; width: 15px; height: 15px; background: var(--ast-global-color-0); -webkit-mask: url('icons/arrow-right.svg') center / contain no-repeat; mask: url('icons/arrow-right.svg') center / contain no-repeat; }
.editorial-split--principles .is-style-editorial-pillar { padding-block: clamp(22px, 2.7vw, 30px); }
.editorial-split--principles .is-style-editorial-pillar::before { top: 30px; bottom: 30px; height: auto; min-height: 38px; background: linear-gradient(135deg, var(--ast-global-color-0), var(--ast-global-color-1)); }
.editorial-split--principles .is-style-editorial-pillar h3 { font-size: clamp(1.05rem, 1.7vw, 1.35rem); }
.editorial-split--principles .wp-block-image img { aspect-ratio: 3/2; object-fit: cover; }
.entry-content .editorial-split--principles > .wp-block-columns > .wp-block-column:first-child { position: sticky; top: 112px; }

/* Split introductions with an image and a separate follow-up action. */
.editorial-stage.is-style-editorial-section { padding-block: clamp(72px, 9vw, 120px); }
.editorial-stage--resource.is-style-editorial-section { padding-block: clamp(72px, 9vw, 128px); }
.editorial-stage .editorial-split > .wp-block-columns { gap: clamp(44px, 7vw, 96px); }
.editorial-stage .wp-block-image img { aspect-ratio: 3/2; object-fit: cover; }
.editorial-stage .wp-block-column > .wp-block-group > p { color: var(--ast-global-color-3); font-size: clamp(1.05rem, 1.7vw, 1.22rem); line-height: 1.65; }
.editorial-action-divider { border-top: 1px solid var(--ast-global-color-7); margin-top: clamp(38px, 5vw, 58px); padding-top: clamp(28px, 4vw, 40px); }
.editorial-action-divider .wp-block-buttons { margin-top: 24px; }
.editorial-channel-copy { border-top: 1px solid var(--ast-global-color-7); padding-top: 28px; }
.editorial-channel-copy > p { color: var(--ast-global-color-2); font-size: 1.08rem; font-weight: 650; line-height: 1.65; margin-bottom: 22px; }
.editorial-channel-list { color: var(--ast-global-color-3); list-style: disc; margin: 0; padding-left: 24px; }
.editorial-channel-list li { margin: 0 0 18px; padding-left: 0; line-height: 1.65; }
.editorial-channel-list li::marker { color: var(--ast-global-color-0); }
.editorial-channel-list li:last-child { margin-bottom: 0; }
.editorial-channel-list a { overflow-wrap: anywhere; }

/* Image and evidence rows share their height in the wide composition. */
.editorial-proof--balanced > .wp-block-columns { align-items: stretch; gap: clamp(40px, 6vw, 76px); }
.editorial-proof--balanced > .wp-block-columns > .wp-block-column:first-child { display: flex; }
.editorial-proof--balanced > .wp-block-columns > .wp-block-column:last-child > .wp-block-group { display: flex; flex-direction: column; min-height: 100%; }
.editorial-proof--balanced .wp-block-image { width: 100%; min-height: 470px; }
.editorial-proof--balanced .wp-block-image img { height: 100%; aspect-ratio: auto; object-fit: cover; }
.editorial-proof--balanced .is-style-editorial-pillar { flex: 1; width: 100%; }
.editorial-case--balanced > .wp-block-columns { gap: clamp(42px, 7vw, 88px); }
.editorial-case--balanced .is-style-editorial-eyebrow { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 12px; border: 1px solid color-mix(in srgb, var(--ast-global-color-0) 24%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--ast-global-color-0) 8%, transparent); line-height: 1.4; }
.editorial-case--balanced .is-style-editorial-areas li:first-child { list-style-type: disc; }

/* Native information cards beside an independent functional block. */
.editorial-aside-form { padding-block: clamp(64px, 7vw, 92px); }
.editorial-form-intro { max-width: 820px; margin: 0 0 clamp(48px, 5vw, 64px); }
.editorial-content-flow > .editorial-form-intro { margin-inline: 0; }
.editorial-form-intro > p { max-width: 780px; color: var(--ast-global-color-3); font-size: clamp(1rem, 1.4vw, 1.12rem); line-height: 1.55; margin-top: 14px; }
.editorial-aside-form .editorial-form-columns { align-items: flex-start; gap: clamp(28px, 3vw, 36px); }
.editorial-info-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
.editorial-info-cards > .wp-block-group { margin-block: 0; }
.is-style-editorial-info-card { border: 1px solid color-mix(in srgb, var(--ast-global-color-1) 12%, var(--ast-global-color-4)); border-radius: 10px; padding: 24px; background: color-mix(in srgb, var(--ast-global-color-1) 7%, var(--ast-global-color-4)); }
.is-style-editorial-info-card > p { color: var(--ast-global-color-3); font-size: .94rem; line-height: 1.55; margin: 10px 0 0; }
.is-style-editorial-info-card ol { color: var(--ast-global-color-3); margin: 14px 0 0; padding-left: 1.35rem; font-size: .9rem; line-height: 1.45; }
.is-style-editorial-info-card ol li { margin-bottom: 14px; padding-left: 4px; }
.is-style-editorial-info-card ol li:last-child { margin-bottom: 0; }
.is-style-editorial-info-card ol li::marker { color: var(--ast-global-color-0); font-weight: 800; }

@media (min-width: 1024px) {
    .editorial-split--at-1023 > .wp-block-columns { flex-direction: row; flex-wrap: nowrap; }
}
@media (min-width: 901px) and (max-width: 1024px) {
    .editorial-split--at-900 > .wp-block-columns { flex-direction: row; flex-wrap: nowrap; }
    .editorial-stage .editorial-split > .wp-block-columns { gap: 52px; }
}
@media (max-width: 1024px) {
    .editorial-proof--balanced .wp-block-image { min-height: 0; }
    .editorial-proof--balanced .wp-block-image img { height: auto; aspect-ratio: 16/7; }
}
@media (max-width: 1023px) {
    .editorial-split--at-1023 > .wp-block-columns,
    .editorial-aside-form .editorial-form-columns { flex-direction: column; }
    .editorial-split--at-1023 > .wp-block-columns > .wp-block-column,
    .editorial-aside-form .editorial-form-columns > .wp-block-column { flex-basis: auto; width: 100%; }
    .editorial-split .editorial-portrait--documentary { max-width: 460px; margin-inline: 0; }
    .editorial-split--principles .wp-block-image { max-width: 760px; margin-inline: 0; }
    .entry-content .editorial-split--principles > .wp-block-columns > .wp-block-column:first-child { position: static; }
    .editorial-info-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .editorial-case--balanced .wp-block-image { max-width: 760px; }
}
@media (max-width: 900px) {
    .editorial-split--at-900 > .wp-block-columns { flex-direction: column; }
    .editorial-split--at-900 > .wp-block-columns > .wp-block-column { flex-basis: auto; width: 100%; }
    .editorial-stage .wp-block-column > .wp-block-group { max-width: 760px; margin-inline: 0; }
    .editorial-stage .wp-block-image { max-width: 900px; }
}
@media (max-width: 767px) {
    .editorial-stage.is-style-editorial-section { padding-block: 64px; }
    .editorial-stage .editorial-split > .wp-block-columns { gap: 40px; }
    .editorial-split--principles > .wp-block-columns { gap: 32px; }
    .editorial-proof--balanced .wp-block-image img { aspect-ratio: 3/2; }
    .editorial-info-cards { grid-template-columns: minmax(0, 1fr); }
    .editorial-aside-form { padding-block: 56px 64px; }
    .editorial-form-intro { margin-bottom: 40px; }
}
@media (max-width: 479px) {
    .editorial-action-divider :is(.wp-block-button, .wp-block-button__link) { width: 100%; }
    .is-style-editorial-info-card { border-radius: 12px; padding: 22px; }
}
