.mollyverse-intro{--mv-green:#173f33;--mv-maroon:#9a2339;margin:0 0 2rem;display:flow-root;max-width:100%}
.mollyverse-intro>.mollyverse-post-heading{margin-bottom:1.85rem}
.mollyverse-intro>.mollyverse-audio-item[data-position="left"],.mollyverse-intro>.mollyverse-audio-item.mollyverse-audio-item--left{float:left;margin:.75rem 1.25rem .65rem 0}
.mollyverse-intro>.mollyverse-audio-item[data-position="right"],.mollyverse-intro>.mollyverse-audio-item.mollyverse-audio-item--right{float:right;margin:.75rem 0 .65rem 1.25rem}
.mollyverse-intro__read-more{display:block;margin:.35rem 0 .7rem auto;padding:0;border:0;background:transparent;color:var(--mv-maroon);font:inherit;font-size:.82em;cursor:pointer}
.mollyverse-intro__read-more:hover,.mollyverse-intro__read-more:focus{text-decoration:underline}
.mollyverse-intro__continuation{display:flow-root;clear:none}
.mollyverse-intro__continuation[hidden]{display:none!important}
.mollyverse-intro__after{clear:both}
.mollyverse-intro--editor{box-sizing:border-box;width:min(100%,900px);margin-left:auto!important;margin-right:auto!important;padding:16px 18px;border:1px dashed rgba(23,63,51,.28)}
.mollyverse-intro__editor-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#666;margin-bottom:12px}
.mollyverse-read-more--editor{clear:both;margin-top:12px;padding:10px 14px 14px;border:1px dashed rgba(154,35,57,.35)}
.mollyverse-read-more__editor-bar{text-align:right;color:var(--mv-maroon);font-size:13px;margin-bottom:8px}
.editor-styles-wrapper .wp-block-mollyverse-intro{max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:600px){.mollyverse-intro>.mollyverse-audio-item{float:none!important;margin:.5rem auto 1rem!important;width:max-content}.mollyverse-intro__read-more{margin-left:0}}
.mollyverse-voice-passage{display:none}
.mollyverse-voice-passage--editor{display:block;clear:both;margin:10px 0;padding:10px 12px;border:1px dashed rgba(23,63,51,.3);background:rgba(23,63,51,.035);font-size:13px}
.mollyverse-voice-passage__status{margin-top:4px;color:#666}


/* v2.6.26 — Intro-specific portrait spacing.
   Do not depend on the Audio Oval being a direct child of the Intro wrapper;
   Gutenberg can insert block wrappers. These selectors target the actual
   rendered Audio Oval module anywhere inside the Intro. */
.mollyverse-intro .mollyverse-audio-item--left,
.mollyverse-intro .mollyverse-audio-item--right,
.mollyverse-intro .mollyverse-audio-item[data-position="left"],
.mollyverse-intro .mollyverse-audio-item[data-position="right"]{
    margin-top:1.5rem !important;
}

/* v2.6.27 — Give floated Intro ovals a deeper exclusion area below them so
   body copy does not immediately tuck back underneath the portraits. */
.mollyverse-intro .mollyverse-audio-item--left,
.mollyverse-intro .mollyverse-audio-item--right,
.mollyverse-intro .mollyverse-audio-item[data-position="left"],
.mollyverse-intro .mollyverse-audio-item[data-position="right"]{
    margin-bottom:1.25rem !important;
}


/* v2.6.28 — Intro portraits are structural side columns, not floats.
   On desktop the portraits permanently own the left/right columns and all
   conversation copy stays in the center, so text can never tuck underneath. */
@media (min-width: 601px){
    .mollyverse-intro{
        display:grid;
        grid-template-columns:180px minmax(0,1fr) 180px;
        column-gap:14px;
        align-items:start;
    }
    .mollyverse-intro > *{grid-column:2;}
    .mollyverse-intro > .mollyverse-post-heading{
        grid-column:1 / -1;
        grid-row:1;
    }
    .mollyverse-intro > .mollyverse-audio-item--left,
    .mollyverse-intro > .mollyverse-audio-item[data-position="left"]{
        grid-column:1;
        grid-row:2;
        float:none !important;
        clear:none !important;
        margin:1.5rem 0 1rem 0 !important;
        justify-self:start;
    }
    .mollyverse-intro > .mollyverse-audio-item--right,
    .mollyverse-intro > .mollyverse-audio-item[data-position="right"]{
        grid-column:3;
        grid-row:2;
        float:none !important;
        clear:none !important;
        margin:1.5rem 0 1rem 0 !important;
        justify-self:end;
    }
    .mollyverse-intro > .mollyverse-intro__after{grid-column:1 / -1;}
}

/* v2.8.0 — Editor workspace only.
   Use the available Gutenberg canvas instead of viewport math. This keeps the
   Mollyverse Intro readable with List View and/or Inspector open and prevents
   the narrow-column collapse seen in 2.7.9. Public presentation is unchanged. */
.editor-styles-wrapper .wp-block-mollyverse-intro{
    width:min(100%, 980px) !important;
    max-width:980px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.editor-styles-wrapper .mollyverse-intro--editor{
    box-sizing:border-box;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
.editor-styles-wrapper .wp-block-mollyverse-transition,
.editor-styles-wrapper .wp-block-mollyverse-read-more,
.editor-styles-wrapper .wp-block-mollyverse-people-grid,
.editor-styles-wrapper .mollyverse-people-grid-block{
    width:min(100%, 980px) !important;
    max-width:980px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
/* Keep Heading itself full-width inside the Intro. Do not force the Intro's
   child blocks into a CSS grid: Gutenberg's block wrappers and side panels
   make that brittle. The editor is for clear authoring; the front end retains
   the finished three-column presentation. */
.editor-styles-wrapper .mollyverse-intro--editor [data-type="mollyverse/heading"],
.editor-styles-wrapper .mollyverse-intro--editor .wp-block-mollyverse-heading{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

/* v2.8.1 — Use the full usable Gutenberg canvas.
   The editor already accounts for List View and Inspector; a fixed 980px cap
   creates needless gutters on wide screens. Keep a modest breathing margin
   while letting the authoring surface expand with the canvas. Front end is
   unchanged. */
.editor-styles-wrapper .wp-block-mollyverse-intro,
.editor-styles-wrapper .wp-block-mollyverse-transition,
.editor-styles-wrapper .wp-block-mollyverse-read-more,
.editor-styles-wrapper .wp-block-mollyverse-people-grid,
.editor-styles-wrapper .mollyverse-people-grid-block{
    box-sizing:border-box;
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:16px !important;
    margin-right:16px !important;
}
.editor-styles-wrapper .mollyverse-intro--editor{
    width:100% !important;
    max-width:none !important;
}


/* v2.8.2 — Correct the editor layout at its source.
   The public Intro intentionally becomes a three-column CSS grid on desktop.
   Gutenberg's editor uses the same .mollyverse-intro class, so that public
   grid was also turning the editor shell itself into three columns and forcing
   InnerBlocks into the narrow center column. That is the unexplained white
   space seen in the editor. The authoring view must remain a normal full-width
   block flow; only the public page uses the three-column presentation. */
@media (min-width: 601px){
    .editor-styles-wrapper .mollyverse-intro.mollyverse-intro--editor{
        display:block !important;
        grid-template-columns:none !important;
        column-gap:0 !important;
        width:100% !important;
        max-width:none !important;
    }

    .editor-styles-wrapper .mollyverse-intro--editor > .block-editor-inner-blocks,
    .editor-styles-wrapper .mollyverse-intro--editor > .block-editor-inner-blocks > .block-editor-block-list__layout{
        display:block !important;
        width:100% !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .editor-styles-wrapper .mollyverse-intro--editor > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block{
        width:100% !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
}