.mollyverse-audio-item{
    position:relative;
    width:180px;
    text-align:center;
    margin-top:1rem;
    margin-bottom:1.25rem;
}
.mollyverse-audio-item--center{
    float:none;
    clear:both;
    margin-left:auto;
    margin-right:auto;
}
.mollyverse-audio-item--right{
    float:right;
    clear:right;
    margin-left:1.5rem;
    margin-right:0;
}
.mollyverse-audio-item--left{
    float:left;
    clear:left;
    margin-right:1.5rem;
    margin-left:0;
}

.mollyverse-audio-trigger{
    position:relative;
    z-index:2;
    display:block;
    width:128px;
    height:168px;
    padding:0;
    margin:0 auto;
    border:0;
    background:transparent;
    cursor:pointer;
}

/* Quiet permanent curves */
.mollyverse-audio-trigger::before,
.mollyverse-audio-trigger::after{
    content:"";
    position:absolute;
    left:50%;
    width:30px;
    height:8px;
    transform:translateX(-50%);
}
.mollyverse-audio-trigger::before{
    top:-10px;
    border-top:1px solid #555;
    border-radius:50% 50% 0 0;
}
.mollyverse-audio-trigger::after{
    bottom:-10px;
    border-bottom:1px solid #555;
    border-radius:0 0 50% 50%;
}
.mollyverse-audio-item::before,
.mollyverse-audio-item::after{
    content:"";
    position:absolute;
    z-index:1;
    top:70px;
    width:8px;
    height:30px;
}
.mollyverse-audio-item::before{
    left:17px;
    border-left:1px solid #555;
    border-radius:50% 0 0 50%;
}
.mollyverse-audio-item::after{
    right:17px;
    border-right:1px solid #555;
    border-radius:0 50% 50% 0;
}

/* Two subtle outer curves appear only while audio is active. */
.mollyverse-signal{
    position:absolute;
    z-index:0;
    pointer-events:none;
}
.mollyverse-signal::before,
.mollyverse-signal::after{
    content:"";
    position:absolute;
    opacity:0;
}

/* Top */
.mollyverse-signal--top{ left:50%; top:0; }
.mollyverse-signal--top::before,
.mollyverse-signal--top::after{
    left:50%;
    transform:translateX(-50%);
    border-top:1px solid #8b1f35;
    border-radius:50% 50% 0 0;
}
.mollyverse-signal--top::before{ width:38px; height:9px; top:-14px; }
.mollyverse-signal--top::after{ width:46px; height:11px; top:-20px; }

/* Bottom */
.mollyverse-signal--bottom{ left:50%; bottom:0; }
.mollyverse-signal--bottom::before,
.mollyverse-signal--bottom::after{
    left:50%;
    transform:translateX(-50%);
    border-bottom:1px solid #8b1f35;
    border-radius:0 0 50% 50%;
}
.mollyverse-signal--bottom::before{ width:38px; height:9px; bottom:-14px; }
.mollyverse-signal--bottom::after{ width:46px; height:11px; bottom:-20px; }

/* Left — tightened to mirror the spacing of the top/bottom waves */
.mollyverse-signal--left{ left:17px; top:84px; }
.mollyverse-signal--left::before,
.mollyverse-signal--left::after{
    top:50%;
    transform:translateY(-50%);
    border-left:1px solid #8b1f35;
    border-radius:50% 0 0 50%;
}
.mollyverse-signal--left::before{ width:9px; height:38px; left:-7px; }
.mollyverse-signal--left::after{ width:11px; height:46px; left:-13px; }

/* Right — tightened to mirror the spacing of the top/bottom waves */
.mollyverse-signal--right{ right:17px; top:84px; }
.mollyverse-signal--right::before,
.mollyverse-signal--right::after{
    top:50%;
    transform:translateY(-50%);
    border-right:1px solid #8b1f35;
    border-radius:0 50% 50% 0;
}
.mollyverse-signal--right::before{ width:9px; height:38px; right:-7px; }
.mollyverse-signal--right::after{ width:11px; height:46px; right:-13px; }

.mollyverse-audio-item.is-playing .mollyverse-signal::before{
    animation:mollyverse-signal-pulse 1.15s ease-in-out infinite;
}
.mollyverse-audio-item.is-playing .mollyverse-signal::after{
    animation:mollyverse-signal-pulse 1.15s ease-in-out .20s infinite;
}
@keyframes mollyverse-signal-pulse{
    0%,100%{opacity:.18;}
    50%{opacity:.85;}
}

.mollyverse-audio-trigger img{
    width:128px;
    height:168px;
    display:block;
    object-fit:cover;
    border-radius:50%;
}
.mollyverse-audio-player{ display:none; }

.mollyverse-audio-missing,
.mollyverse-audio-item--empty,
.mollyverse-audio-editor-note{
    font-size:13px;
    color:#666;
    margin-top:.75rem;
}
.mollyverse-audio-item--editor{ min-height:190px; }

@media (max-width:700px){
    .mollyverse-audio-item--left,
    .mollyverse-audio-item--right{
        float:none;
        clear:both;
        margin-left:auto;
        margin-right:auto;
        transform:none;
    }
}


/* Mollyverse speaker/section transition */
.mollyverse-transition{
    clear:both;
    width:82%;
    margin:1.8rem auto 2rem;
    display:flex;
    align-items:center;
    gap:14px;
    color:#8b1f35;
    font-family:Georgia, "Times New Roman", serif;
    font-size:25px;
    line-height:1;
    text-align:center;
}
.mollyverse-transition::before,
.mollyverse-transition::after{
    content:"";
    flex:1 1 auto;
    height:1px;
    background:currentColor;
    opacity:.55;
}
@media(max-width:600px){.mollyverse-transition{width:92%;gap:10px}}

/* Transition style choices: all three are centered as complete ornaments. */
.mollyverse-transition--apple{
    width:120px;
    margin-left:auto;
    margin-right:auto;
    gap:9px;
}
.mollyverse-transition--short{width:34%;}
.mollyverse-transition--long{width:85%;}
@media(max-width:600px){
    .mollyverse-transition--apple{width:110px;}
    .mollyverse-transition--short{width:55%;}
    .mollyverse-transition--long{width:92%;}
}


/* Individual letter reading navigation */
.mollyverse-letter-continue{
    clear:both;
    width:180px;
    margin:-.65rem auto 1.35rem;
    text-align:right;
    font-family:inherit;
    font-size:14px;
    font-weight:400;
}
.mollyverse-letter-continue a,
.mollyverse-letter-navigation a{
    color:#8b1f35;
    text-decoration:none;
    font-weight:400;
}
.mollyverse-letter-continue a:hover,
.mollyverse-letter-navigation a:hover{
    text-decoration:underline;
}
.mollyverse-letter-nav-wrap{
    clear:both;
    margin:2.4rem 0 1.4rem;
}
.mollyverse-letter-nav-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.65rem;
    width:150px;
    margin:0 auto 1.2rem;
    color:#8b1f35;
    font-size:18px;
    line-height:1;
}
.mollyverse-letter-nav-divider::before,
.mollyverse-letter-nav-divider::after{
    content:"";
    width:48px;
    border-top:1px solid #8b1f35;
}
.mollyverse-letter-navigation{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:1rem;
    font-family:inherit;
    font-size:14px;
    font-weight:400;
}
.mollyverse-letter-navigation__previous{ text-align:left; }
.mollyverse-letter-navigation__contents{ text-align:center; white-space:nowrap; }
.mollyverse-letter-navigation__next{ text-align:right; }

@media (max-width:700px){
    .mollyverse-letter-navigation{
        grid-template-columns:1fr;
        gap:.7rem;
    }
    .mollyverse-letter-navigation__previous,
    .mollyverse-letter-navigation__contents,
    .mollyverse-letter-navigation__next{
        text-align:center;
    }
}

/* -------------------------------------------------------------------------
 * Mollyverse Letter page refinements — 2.2.6
 * ------------------------------------------------------------------------- */

/* Keep Continue visually attached to the listening oval itself. */
.mollyverse-letter-page .mollyverse-audio-item .mollyverse-letter-continue{
    width:128px;
    margin:.95rem auto 0;
    text-align:center;
    font-family:inherit;
    font-size:14px;
    line-height:1.35;
    font-weight:400;
}
.mollyverse-letter-page .mollyverse-audio-item:has(.mollyverse-letter-continue){
    margin-bottom:2.1rem;
}

/* Short, centered Mollyverse separator above book navigation. */
.mollyverse-letter-page .mollyverse-letter-nav-wrap{
    clear:both;
    width:100%;
    margin:2.7rem 0 1.6rem;
}
.mollyverse-letter-page .mollyverse-letter-nav-divider{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    width:124px;
    margin:0 auto 1.35rem !important;
    color:#8b1f35;
    font-size:18px;
    line-height:1;
    text-align:center;
}
.mollyverse-letter-page .mollyverse-letter-nav-divider::before,
.mollyverse-letter-page .mollyverse-letter-nav-divider::after{
    content:"";
    display:block;
    flex:0 0 35px;
    width:35px;
    border-top:1px solid #8b1f35;
}

/* A true three-part book-navigation line. */
.mollyverse-letter-page .mollyverse-letter-navigation{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(145px,auto) minmax(0,1fr);
    align-items:center;
    column-gap:1.4rem;
    width:100%;
    font-family:inherit;
    font-size:14px;
    line-height:1.35;
    font-weight:400;
}
.mollyverse-letter-page .mollyverse-letter-navigation__previous{
    display:block;
    text-align:left !important;
}
.mollyverse-letter-page .mollyverse-letter-navigation__contents{
    display:block;
    text-align:center !important;
    white-space:nowrap;
}
.mollyverse-letter-page .mollyverse-letter-navigation__next{
    display:block;
    text-align:right !important;
}

/* Comments become part of the correspondence rather than generic WP chrome. */
.mollyverse-letter-page #comments{
    margin-top:2.1rem;
    padding-top:.2rem;
}
.mollyverse-letter-page #comments .comments-title,
.mollyverse-letter-page #comments .comment-reply-title{
    margin:0 0 1.35rem;
    color:#8b1f35;
    font-family:Georgia, 'Times New Roman', serif;
    font-size:18px;
    line-height:1.35;
    font-weight:400;
    letter-spacing:.01em;
    text-transform:none;
}
.mollyverse-letter-page #comments .comment-list,
.mollyverse-letter-page #comments ol.comment-list{
    list-style:none;
    margin:0;
    padding:0;
}
.mollyverse-letter-page #comments .comment-body{
    position:relative;
    margin:0 0 1.8rem;
    padding:1.25rem 1.35rem 1.35rem;
    border:0;
    border-top:1px solid rgba(139,31,53,.22);
    background:rgba(139,31,53,.025);
}
.mollyverse-letter-page #comments .comment-author{
    margin-bottom:.2rem;
}
.mollyverse-letter-page #comments .comment-author .fn,
.mollyverse-letter-page #comments .comment-author .fn a{
    color:#8b1f35;
    font-family:Georgia, 'Times New Roman', serif;
    font-size:17px;
    font-weight:600;
    text-decoration:none;
}
.mollyverse-letter-page #comments .comment-author img,
.mollyverse-letter-page #comments .avatar{
    border-radius:50%;
}
.mollyverse-letter-page #comments .comment-meta,
.mollyverse-letter-page #comments .comment-meta a,
.mollyverse-letter-page #comments .reply,
.mollyverse-letter-page #comments .reply a,
.mollyverse-letter-page #comments .comment-edit-link{
    color:#786f6c;
    font-size:11px;
    line-height:1.4;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-weight:400;
}
.mollyverse-letter-page #comments .comment-content{
    margin-top:.75rem;
    font-size:16px;
    line-height:1.65;
}
.mollyverse-letter-page #comments .comment-content p:last-child{
    margin-bottom:0;
}
.mollyverse-letter-page #respond{
    margin-top:2.2rem;
    padding-top:1.45rem;
    border-top:1px solid rgba(139,31,53,.25);
}
.mollyverse-letter-page #respond label{
    font-weight:400;
}
.mollyverse-letter-page #respond textarea,
.mollyverse-letter-page #respond input[type="text"],
.mollyverse-letter-page #respond input[type="email"],
.mollyverse-letter-page #respond input[type="url"]{
    border:1px solid rgba(45,74,61,.25);
    background:#fff;
    box-shadow:none;
}
.mollyverse-letter-page #respond input[type="submit"]{
    border:0;
    padding:.45rem 0;
    background:transparent;
    color:#8b1f35;
    font-family:inherit;
    font-size:14px;
    font-weight:400;
    text-decoration:underline;
    cursor:pointer;
}

@media (max-width:700px){
    .mollyverse-letter-page .mollyverse-letter-navigation{
        grid-template-columns:1fr !important;
        row-gap:.8rem;
    }
    .mollyverse-letter-page .mollyverse-letter-navigation__previous,
    .mollyverse-letter-page .mollyverse-letter-navigation__contents,
    .mollyverse-letter-page .mollyverse-letter-navigation__next{
        text-align:center !important;
    }
    .mollyverse-letter-page #comments .comment-body{
        padding:1rem;
    }
}


/* -------------------------------------------------------------------------
 * Mollyverse Letter page refinements — 2.2.7
 * More breathing room around the reading oval + a warmer correspondence area.
 * ------------------------------------------------------------------------- */

/* Let the animated listening field breathe above and below the oval. */
.mollyverse-letter-page .mollyverse-audio-item--right,
.mollyverse-letter-page .mollyverse-audio-item--left,
.mollyverse-letter-page .mollyverse-audio-item--center{
    margin-top:1.8rem;
}
.mollyverse-letter-page .mollyverse-audio-item:has(.mollyverse-letter-continue){
    margin-bottom:3.5rem;
}
.mollyverse-letter-page .mollyverse-audio-item .mollyverse-letter-continue{
    margin-top:1.2rem;
}

/* Make the comments feel like the correspondence continuing beyond the letter. */
.mollyverse-letter-page #comments{
    position:relative;
    margin-top:2.7rem;
    padding-top:2.15rem;
    border-top:0;
}
.mollyverse-letter-page #comments::before{
    content:"THE CORRESPONDENCE CONTINUES";
    display:block;
    margin:0 0 .7rem;
    color:#8b1f35;
    font-family:inherit;
    font-size:11px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.mollyverse-letter-page #comments::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:82px;
    border-top:1px solid rgba(139,31,53,.55);
}
.mollyverse-letter-page #comments .comments-title{
    margin:0 0 1.55rem;
    padding-bottom:.75rem;
    border-bottom:1px solid rgba(139,31,53,.16);
    color:#2d4a3d;
    font-family:Georgia, 'Times New Roman', serif;
    font-size:20px;
    line-height:1.3;
    font-weight:400;
}

/* Each response is treated like a small piece of correspondence. */
.mollyverse-letter-page #comments .comment-body{
    position:relative;
    overflow:hidden;
    margin:0 0 2rem;
    padding:1.45rem 1.55rem 1.5rem 1.7rem;
    border:0;
    border-left:3px solid rgba(139,31,53,.58);
    background:linear-gradient(90deg, rgba(139,31,53,.045), rgba(244,239,228,.42));
    box-shadow:0 7px 22px rgba(38,35,30,.055);
}
.mollyverse-letter-page #comments .comment-body::after{
    content:"❦";
    position:absolute;
    right:15px;
    bottom:7px;
    color:rgba(139,31,53,.12);
    font-family:Georgia, 'Times New Roman', serif;
    font-size:30px;
    line-height:1;
    pointer-events:none;
}
.mollyverse-letter-page #comments .comment-author .fn,
.mollyverse-letter-page #comments .comment-author .fn a{
    color:#2d4a3d;
    font-size:18px;
    font-weight:600;
}
.mollyverse-letter-page #comments .comment-meta,
.mollyverse-letter-page #comments .comment-meta a,
.mollyverse-letter-page #comments .reply,
.mollyverse-letter-page #comments .reply a,
.mollyverse-letter-page #comments .comment-edit-link{
    color:#8b1f35;
    opacity:.72;
    font-size:10px;
    letter-spacing:.09em;
}
.mollyverse-letter-page #comments .comment-content{
    margin-top:.9rem;
    padding-right:.8rem;
    color:#333;
    font-size:16px;
    line-height:1.72;
}

/* Reply area: a quiet invitation to write back. */
.mollyverse-letter-page #respond{
    position:relative;
    margin-top:2.7rem;
    padding:2.5rem 1.45rem 1.55rem;
    border:1px solid rgba(139,31,53,.14);
    border-top:0;
    background:rgba(244,239,228,.34);
}
.mollyverse-letter-page #respond::before{
    content:"—  ❦  —";
    position:absolute;
    top:.6rem;
    left:0;
    width:100%;
    color:#8b1f35;
    font-family:Georgia, 'Times New Roman', serif;
    font-size:16px;
    line-height:1;
    text-align:center;
}
.mollyverse-letter-page #respond .comment-reply-title{
    margin:0 0 1.2rem;
    color:#2d4a3d;
    font-family:Georgia, 'Times New Roman', serif;
    font-size:20px;
    font-weight:400;
}
.mollyverse-letter-page #respond .comment-reply-title::after{
    content:" — write back to the Villa";
    color:#8b1f35;
    font-family:inherit;
    font-size:13px;
    font-style:italic;
    font-weight:400;
}
.mollyverse-letter-page #respond textarea,
.mollyverse-letter-page #respond input[type="text"],
.mollyverse-letter-page #respond input[type="email"],
.mollyverse-letter-page #respond input[type="url"]{
    border:1px solid rgba(45,74,61,.24);
    background:rgba(255,255,255,.86);
}
.mollyverse-letter-page #respond textarea:focus,
.mollyverse-letter-page #respond input[type="text"]:focus,
.mollyverse-letter-page #respond input[type="email"]:focus,
.mollyverse-letter-page #respond input[type="url"]:focus{
    border-color:rgba(139,31,53,.55);
    outline:none;
    box-shadow:0 0 0 2px rgba(139,31,53,.06);
}
.mollyverse-letter-page #respond input[type="submit"]{
    display:block;
    margin-left:auto;
    color:#8b1f35;
    text-decoration:none;
    border-bottom:1px solid rgba(139,31,53,.55);
}
.mollyverse-letter-page #respond input[type="submit"]:hover{
    border-bottom-color:#8b1f35;
}

@media (max-width:700px){
    .mollyverse-letter-page .mollyverse-audio-item--right,
    .mollyverse-letter-page .mollyverse-audio-item--left,
    .mollyverse-letter-page .mollyverse-audio-item--center{
        margin-top:1.45rem;
    }
    .mollyverse-letter-page .mollyverse-audio-item:has(.mollyverse-letter-continue){
        margin-bottom:2.8rem;
    }
    .mollyverse-letter-page #comments .comment-body{
        padding:1.2rem 1.1rem 1.3rem 1.25rem;
    }
    .mollyverse-letter-page #respond{
        padding:2.4rem 1rem 1.25rem;
    }
}

/* -------------------------------------------------------------------------
 * Mollyverse Letter page refinements — 2.2.8
 * Stronger listening-space rhythm + a cleaner, contemporary response area.
 * ------------------------------------------------------------------------- */

/* Give the floated listening oval an unmistakable pocket of air.  These
   margins are deliberately larger than 2.2.7 because the animated waves
   extend beyond the portrait itself. */
.mollyverse-letter-page .mollyverse-audio-item--right,
.mollyverse-letter-page .mollyverse-audio-item--left,
.mollyverse-letter-page .mollyverse-audio-item--center{
    margin-top:2.8rem !important;
}
.mollyverse-letter-page .mollyverse-audio-item:has(.mollyverse-letter-continue){
    margin-bottom:5.25rem !important;
}
.mollyverse-letter-page .mollyverse-audio-item .mollyverse-letter-continue{
    margin-top:1.45rem !important;
    width:128px;
    text-align:center;
}

/* Comments: remove the old correspondence-card treatment completely. */
.mollyverse-letter-page #comments{
    margin-top:3.2rem;
    padding-top:0;
}
.mollyverse-letter-page #comments::before{
    content:"RESPONSES";
    display:block;
    margin:0 0 .45rem;
    color:#8b1f35;
    font-family:inherit;
    font-size:11px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.mollyverse-letter-page #comments::after{
    display:none !important;
    content:none !important;
}
.mollyverse-letter-page #comments .comments-title{
    margin:0 0 1.8rem;
    padding:0;
    border:0;
    color:#173f33;
    font-family:Georgia,"Times New Roman",serif;
    font-size:0 !important;
    line-height:1.15;
    font-weight:500;
}
.mollyverse-letter-page #comments .comments-title::before{
    content:"The conversation continues";
    font-size:25px;
}

/* A response is a contemporary conversation card: open, rounded, and light. */
.mollyverse-letter-page #comments .comment-body{
    position:relative;
    overflow:visible;
    margin:0 0 1.45rem;
    padding:1.45rem 1.55rem 1.5rem;
    border:1px solid rgba(23,63,51,.12) !important;
    border-left:1px solid rgba(23,63,51,.12) !important;
    border-radius:16px;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(35,38,34,.055) !important;
}
.mollyverse-letter-page #comments .comment-body::after{
    display:none !important;
    content:none !important;
}
.mollyverse-letter-page #comments .comment-author{
    margin-bottom:.15rem;
}
.mollyverse-letter-page #comments .comment-author img,
.mollyverse-letter-page #comments .avatar{
    border-radius:50%;
    box-shadow:0 0 0 4px rgba(244,239,228,.9);
}
.mollyverse-letter-page #comments .comment-author .fn,
.mollyverse-letter-page #comments .comment-author .fn a{
    color:#173f33;
    font-family:inherit;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
}
.mollyverse-letter-page #comments .comment-meta,
.mollyverse-letter-page #comments .comment-meta a,
.mollyverse-letter-page #comments .reply,
.mollyverse-letter-page #comments .reply a,
.mollyverse-letter-page #comments .comment-edit-link{
    color:#8b1f35;
    opacity:.62;
    font-family:inherit;
    font-size:10px;
    line-height:1.35;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.mollyverse-letter-page #comments .comment-content{
    margin-top:.9rem;
    padding-right:0;
    color:#323532;
    font-size:16px;
    line-height:1.72;
}

/* Reply area: modern, friendly, and clearly separate from existing responses. */
.mollyverse-letter-page #respond{
    position:relative;
    margin-top:2.2rem;
    padding:1.6rem 1.7rem 1.7rem;
    border:0 !important;
    border-radius:18px;
    background:rgba(244,239,228,.48) !important;
}
.mollyverse-letter-page #respond::before{
    display:none !important;
    content:none !important;
}
.mollyverse-letter-page #respond .comment-reply-title{
    margin:0 0 .35rem;
    color:#173f33;
    font-family:Georgia,"Times New Roman",serif;
    font-size:23px;
    line-height:1.2;
    font-weight:500;
}
.mollyverse-letter-page #respond .comment-reply-title::after{
    content:"  Add your voice.";
    display:inline;
    color:#8b1f35;
    font-family:inherit;
    font-size:13px;
    font-style:normal;
    font-weight:400;
}
.mollyverse-letter-page #respond textarea,
.mollyverse-letter-page #respond input[type="text"],
.mollyverse-letter-page #respond input[type="email"],
.mollyverse-letter-page #respond input[type="url"]{
    border:1px solid rgba(23,63,51,.16) !important;
    border-radius:11px;
    background:#fff !important;
    box-shadow:inset 0 1px 2px rgba(35,38,34,.025);
}
.mollyverse-letter-page #respond textarea:focus,
.mollyverse-letter-page #respond input[type="text"]:focus,
.mollyverse-letter-page #respond input[type="email"]:focus,
.mollyverse-letter-page #respond input[type="url"]:focus{
    border-color:rgba(139,31,53,.45) !important;
    outline:none;
    box-shadow:0 0 0 3px rgba(139,31,53,.055);
}
.mollyverse-letter-page #respond input[type="submit"]{
    display:block;
    margin:.65rem 0 0 auto;
    padding:.3rem 0;
    border:0 !important;
    border-bottom:1px solid rgba(139,31,53,.55) !important;
    border-radius:0;
    background:transparent !important;
    color:#8b1f35;
    font-family:inherit;
    font-size:14px;
    font-weight:500;
    text-decoration:none;
    box-shadow:none;
}
.mollyverse-letter-page #respond input[type="submit"]:hover{
    border-bottom-color:#8b1f35 !important;
}

@media (max-width:700px){
    .mollyverse-letter-page .mollyverse-audio-item--right,
    .mollyverse-letter-page .mollyverse-audio-item--left,
    .mollyverse-letter-page .mollyverse-audio-item--center{
        margin-top:2.1rem !important;
    }
    .mollyverse-letter-page .mollyverse-audio-item:has(.mollyverse-letter-continue){
        margin-bottom:4rem !important;
    }
    .mollyverse-letter-page #comments .comment-body{
        padding:1.2rem 1.15rem 1.3rem;
        border-radius:13px;
    }
    .mollyverse-letter-page #respond{
        padding:1.35rem 1.15rem 1.45rem;
        border-radius:15px;
    }
}


/* -------------------------------------------------------------------------
 * Mollyverse Letter page refinements — 2.2.9
 * Give the lower listening waves clear room, then use a full-width divider
 * between book navigation and the response conversation.
 * ------------------------------------------------------------------------- */

/* The lower signal extends 20px beyond the oval. Keep Continue well below
   all three visible wave lines so it never appears inside the animation. */
.mollyverse-letter-page .mollyverse-audio-item .mollyverse-letter-continue{
    margin-top:3.6rem !important;
}
.mollyverse-letter-page .mollyverse-audio-item:has(.mollyverse-letter-continue){
    margin-bottom:5.75rem !important;
}

/* Navigation first; then a full-width Mollyverse fleuron rule separating
   the letter/book controls from the conversation below. */
.mollyverse-letter-page .mollyverse-letter-nav-divider{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:.72rem;
    width:100% !important;
    max-width:none !important;
    margin:1.7rem 0 0 !important;
    color:#8b1f35;
    font-size:18px;
    line-height:1;
}
.mollyverse-letter-page .mollyverse-letter-nav-divider::before,
.mollyverse-letter-page .mollyverse-letter-nav-divider::after{
    content:"";
    display:block;
    flex:1 1 auto !important;
    width:auto !important;
    border-top:1px solid rgba(139,31,53,.72);
}

.mollyverse-letter-page #comments{
    margin-top:2.5rem;
}


/* -------------------------------------------------------------------------
 * Mollyverse Letter page refinements — 2.2.10
 * Separate Continue completely from the oval animation. The listening waves
 * now belong only to the portrait box; Continue sits beneath that box as a
 * separate navigation element and can never become part of the signal field.
 * ------------------------------------------------------------------------- */
.mollyverse-letter-page .mollyverse-letter-audio-group{
    width:180px;
    text-align:center;
    margin-top:2.45rem;
    margin-bottom:2.4rem;
}
.mollyverse-letter-page .mollyverse-letter-audio-group--right{
    float:right;
    clear:right;
    margin-left:1.5rem;
    margin-right:0;
}
.mollyverse-letter-page .mollyverse-letter-audio-group--left{
    float:left;
    clear:left;
    margin-right:1.5rem;
    margin-left:0;
}
.mollyverse-letter-page .mollyverse-letter-audio-group--center{
    float:none;
    clear:both;
    margin-left:auto;
    margin-right:auto;
    transform:none;
}
.mollyverse-letter-page .mollyverse-letter-audio-group .mollyverse-audio-item{
    float:none !important;
    clear:none !important;
    transform:none !important;
    margin:0 auto !important;
}
.mollyverse-letter-page .mollyverse-letter-audio-group .mollyverse-letter-continue{
    width:100%;
    margin:3.35rem auto 0 !important;
    text-align:center;
    line-height:1.35;
}
/* Old :has() spacing no longer controls grouped letter ovals. */
.mollyverse-letter-page .mollyverse-letter-audio-group .mollyverse-audio-item:has(.mollyverse-letter-continue){
    margin-bottom:0 !important;
}

@media (max-width:700px){
    .mollyverse-letter-page .mollyverse-letter-audio-group,
    .mollyverse-letter-page .mollyverse-letter-audio-group--right,
    .mollyverse-letter-page .mollyverse-letter-audio-group--left,
    .mollyverse-letter-page .mollyverse-letter-audio-group--center{
        float:none;
        clear:both;
        width:180px;
        margin:2.1rem auto 3rem;
        transform:none;
    }
}

/* -------------------------------------------------------------------------
 * Mollyverse Letter opening — 2.2.13
 * Literary heading at upper left; listening oval remains the fixed visual
 * anchor at upper right. "Next Letter" sits directly beneath the oval.
 * ------------------------------------------------------------------------- */
.mollyverse-letter-page .mollyverse-letter-heading{
    margin:0 210px 2rem 0;
    padding-top:.1rem;
}
.mollyverse-letter-page .mollyverse-letter-heading__eyebrow{
    margin:0 0 .45rem;
    color:#8b2735;
    font-size:13px;
    font-weight:900;
    letter-spacing:.085em;
    line-height:1.25;
    text-transform:uppercase;
}
.mollyverse-letter-page .mollyverse-letter-heading__title{
    margin:0 0 .38rem;
    color:#173f35;
    font-family:Georgia, "Times New Roman", serif;
    font-size:36px;
    font-weight:600;
    line-height:1.12;
}
.mollyverse-letter-page .mollyverse-letter-heading__deck{
    margin:0;
    color:#8b2735;
    font-family:Georgia, "Times New Roman", serif;
    font-size:17px;
    font-style:italic;
    line-height:1.35;
}
.mollyverse-letter-page .mollyverse-letter-audio-group{
    margin-top:.15rem;
    margin-bottom:2.2rem;
}
.mollyverse-letter-page .mollyverse-letter-audio-group .mollyverse-letter-continue{
    margin:2.4rem auto 0 !important;
    font-size:15px;
}
.mollyverse-letter-page .mollyverse-letter-audio-group .mollyverse-letter-continue a{
    color:#8b2735;
    font-weight:400;
    text-decoration:underline;
    text-underline-offset:3px;
}
/* A manually inserted oval is normally the first block after the generated
   heading. Lift it into the same upper-right opening position. */
.mollyverse-letter-page .mollyverse-letter-heading + .mollyverse-letter-audio-group{
    margin-top:-6.7rem;
}
@media (max-width:700px){
    .mollyverse-letter-page .mollyverse-letter-heading{
        margin-right:0;
        margin-bottom:1.5rem;
    }
    .mollyverse-letter-page .mollyverse-letter-heading__title{
        font-size:30px;
    }
    .mollyverse-letter-page .mollyverse-letter-heading + .mollyverse-letter-audio-group{
        margin-top:1.5rem;
    }
}


/* -------------------------------------------------------------------------
 * Mollyverse Letter opening — 2.2.14
 * Let the literary heading own the full article width. The listening oval
 * begins with the body below it and floats right beside the salutation/text.
 * Static gray signal marks are suppressed on letter pages; the maroon animated
 * signals still appear while the audio is actually playing.
 * ------------------------------------------------------------------------- */
.mollyverse-letter-page .mollyverse-letter-heading{
    clear:both;
    width:100%;
    margin:0 0 1.45rem 0;
    padding-top:.1rem;
}
.mollyverse-letter-page .mollyverse-letter-heading__title{
    max-width:none;
}
.mollyverse-letter-page .mollyverse-letter-heading + .mollyverse-letter-audio-group{
    margin-top:.15rem;
}
.mollyverse-letter-page .mollyverse-letter-audio-group{
    margin-top:.15rem;
    margin-bottom:2.1rem;
}
.mollyverse-letter-page .mollyverse-letter-audio-group .mollyverse-letter-continue{
    margin:1.7rem auto 0 !important;
}
/* No permanent gray brackets around letter portraits. */
.mollyverse-letter-page .mollyverse-letter-audio-group .mollyverse-audio-trigger::before,
.mollyverse-letter-page .mollyverse-letter-audio-group .mollyverse-audio-trigger::after,
.mollyverse-letter-page .mollyverse-letter-audio-group .mollyverse-audio-item::before,
.mollyverse-letter-page .mollyverse-letter-audio-group .mollyverse-audio-item::after{
    display:none;
}
@media (max-width:700px){
    .mollyverse-letter-page .mollyverse-letter-heading{
        margin-bottom:1.35rem;
    }
    .mollyverse-letter-page .mollyverse-letter-heading + .mollyverse-letter-audio-group{
        margin:1.1rem auto 2.5rem;
    }
}


/* -------------------------------------------------------------------------
 * Automatic legacy-letter presentation — 2.2.16
 * Do not depend on a body class or category cleanup. Preview and enabled
 * automatic letters carry their own wrapper, so the heading and listening
 * oval reproduce the finished hand-built letter consistently.
 * ------------------------------------------------------------------------- */
.mollyverse-auto-letter{
    display:block;
    width:100%;
}
.mollyverse-auto-letter > .mollyverse-letter-heading{
    clear:both;
    width:100%;
    margin:0 0 1.45rem 0;
    padding-top:.1rem;
}
.mollyverse-auto-letter .mollyverse-letter-heading__eyebrow{
    margin:0 0 20px;
    color:#8b2735;
    font-size:13px;
    font-weight:900;
    letter-spacing:.085em;
    line-height:1.25;
    text-transform:uppercase;
}
.mollyverse-auto-letter .mollyverse-letter-heading__title{
    width:100%;
    max-width:none;
    margin:0 0 .38rem;
    color:#173f35;
    font-family:Georgia, "Times New Roman", serif;
    font-size:36px;
    font-weight:600;
    line-height:1.12;
}
.mollyverse-auto-letter .mollyverse-letter-heading__deck{
    margin:0;
    color:#8b2735;
    font-family:Georgia, "Times New Roman", serif;
    font-size:17px;
    font-style:italic;
    line-height:1.35;
}
/* Whether render_audio_oval() produced its grouped form or its bare form,
   force the automatic listening unit to the body's upper-right corner. */
.mollyverse-auto-letter > .mollyverse-letter-audio-group{
    float:right !important;
    clear:right !important;
    width:180px;
    margin:.15rem 0 2.1rem 1.5rem !important;
    text-align:center;
}
.mollyverse-auto-letter > .mollyverse-audio-item--right{
    float:right !important;
    clear:right !important;
    width:180px;
    margin:.15rem 0 2.1rem 1.5rem !important;
}
.mollyverse-auto-letter > .mollyverse-letter-audio-group .mollyverse-audio-item{
    float:none !important;
    clear:none !important;
    transform:none !important;
    margin:0 auto !important;
}
.mollyverse-auto-letter > .mollyverse-letter-audio-group .mollyverse-letter-continue{
    width:100%;
    margin:1.7rem auto 0 !important;
    text-align:center;
    font-size:15px;
    line-height:1.35;
}
.mollyverse-auto-letter > .mollyverse-letter-audio-group .mollyverse-letter-continue a{
    color:#8b2735;
    font-weight:400;
    text-decoration:underline;
    text-underline-offset:3px;
}
/* Rest state is clean. The .mollyverse-signal spans remain untouched, so the
   maroon listening waves still animate when JS marks the item is-playing. */
.mollyverse-auto-letter .mollyverse-audio-trigger::before,
.mollyverse-auto-letter .mollyverse-audio-trigger::after,
.mollyverse-auto-letter .mollyverse-audio-item::before,
.mollyverse-auto-letter .mollyverse-audio-item::after{
    display:none !important;
}
@media (max-width:700px){
    .mollyverse-auto-letter .mollyverse-letter-heading__title{
        font-size:30px;
    }
    .mollyverse-auto-letter > .mollyverse-letter-audio-group,
    .mollyverse-auto-letter > .mollyverse-audio-item--right{
        float:none !important;
        clear:both !important;
        width:180px;
        margin:1.1rem auto 2.5rem !important;
        transform:none;
    }
}


/* -------------------------------------------------------------------------
 * Mollyverse Letter opening — 2.2.18
 * Fine tuning after visual comparison with the finished first letter:
 * slightly smaller H1 and more separation between the listening signals and
 * the Next Letter link. The navigation remains structurally outside the
 * animated audio item so the waves cannot drag the link with them.
 * ------------------------------------------------------------------------- */
.mollyverse-letter-page .mollyverse-letter-heading__title,
.mollyverse-auto-letter .mollyverse-letter-heading__title{
    font-size:32px;
}
.mollyverse-letter-page .mollyverse-letter-audio-group .mollyverse-letter-continue,
.mollyverse-auto-letter > .mollyverse-letter-audio-group .mollyverse-letter-continue{
    margin-top:3.5rem !important;
}
@media (max-width:700px){
    .mollyverse-letter-page .mollyverse-letter-heading__title,
    .mollyverse-auto-letter .mollyverse-letter-heading__title{
        font-size:27px;
    }
    .mollyverse-letter-page .mollyverse-letter-audio-group .mollyverse-letter-continue,
    .mollyverse-auto-letter > .mollyverse-letter-audio-group .mollyverse-letter-continue{
        margin-top:3rem !important;
    }
}


/* -------------------------------------------------------------------------
 * Legacy letter cleanup — 2.2.19
 * Old hard separators remain untouched in post_content, but on Mollyverse
 * letter pages they render as the same quiet maroon rule used throughout the
 * redesigned correspondence system.  This stays global and adjustable here.
 * ------------------------------------------------------------------------- */
.mollyverse-auto-letter hr,
.mollyverse-letter-page .entry-content hr,
.mollyverse-letter-page .wp-block-post-content hr{
    display:block;
    width:32%;
    height:0;
    margin:2.35rem auto;
    padding:0;
    border:0 !important;
    border-top:1px solid rgba(139,39,53,.72) !important;
    background:transparent !important;
    opacity:1 !important;
}
.mollyverse-auto-letter hr.wp-block-separator,
.mollyverse-letter-page hr.wp-block-separator{
    color:#8b2735 !important;
}
@media (max-width:700px){
    .mollyverse-auto-letter hr,
    .mollyverse-letter-page .entry-content hr,
    .mollyverse-letter-page .wp-block-post-content hr{
        width:42%;
        margin:2rem auto;
    }
}

/* =========================================================
   MOLLYVERSE MANUAL POST HEADING
   Typography moved to mollyverse-design.css in 2.6.16.
   ========================================================= */

/* OceanWP normally prints the post title separately. When our manual
   heading block is present, suppress only that theme-generated title. */
body.mollyverse-has-heading-block.single-post article .entry-header,
body.mollyverse-has-heading-block.single-post .single-post-title {
    display: none !important;
}

/* Keep the heading visible in the block editor. */
.editor-styles-wrapper .mollyverse-post-heading {
    display: block !important;
}

.mollyverse-post-heading--editor {
    padding: 16px;
    border: 1px solid #dcdcde;
}
.mollyverse-post-heading__editor-label {
    margin-bottom: 12px;
    color: #8E1B2D;
    font-weight: 700;
}
.mollyverse-post-heading__preview {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #dcdcde;
}

/* v2.6.1 — Mollyverse People Grid */
.mollyverse-people-grid-block{width:100%;max-width:100%;box-sizing:border-box;}
.mollyverse-people-grid{
    clear:both;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin:1.25rem 0 2rem;
}
.mollyverse-person-card{
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
    min-width:0;
    min-height:160px;
    padding:24px 22px 22px;
    border:1px solid rgba(44,69,54,.20);
    border-radius:12px;
    background:rgba(255,255,255,.78);
    box-shadow:0 2px 10px rgba(25,42,31,.055);
    color:inherit;
    text-decoration:none;
}
.mollyverse-person-card::before{
    content:"";
    position:absolute;
    left:18px;right:18px;top:0;
    height:2px;
    background:rgba(139,31,53,.42);
}
.mollyverse-person-card__image{
    display:block;
    width:48px;
    height:48px;
    object-fit:cover;
    border-radius:50%;
    margin:0 0 12px;
    border:1px solid rgba(44,69,54,.16);
}
.mollyverse-person-card__name{
    margin:0 0 .55rem !important;
    font-size:20px !important;
    line-height:1.25 !important;
    color:#263f31;
}
.mollyverse-person-card__description{margin:0 !important;font-size:16px;line-height:1.55;}
a.mollyverse-person-card--linked{display:block;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;}
a.mollyverse-person-card--linked:hover,
a.mollyverse-person-card--linked:focus{
    transform:translateY(-2px);
    border-color:rgba(139,31,53,.42);
    background:#fff;
    box-shadow:0 7px 20px rgba(25,42,31,.10);
    text-decoration:none;
}
.mollyverse-person-card--placeholder{visibility:hidden;}
.mollyverse-people-grid--empty .mollyverse-person-card--placeholder,
.mollyverse-people-grid--editor-preview .mollyverse-person-card--placeholder{
    visibility:visible;border-style:dashed;background:transparent;box-shadow:none;opacity:.32;
}
.mollyverse-person-card--editor{min-height:0;margin:0 0 16px;padding:14px;background:#fff;border-radius:8px;box-shadow:none;}
.mollyverse-person-card--editor::before{display:none;}
.mollyverse-person-card__prompt{color:#777;font-style:italic;margin-bottom:.5rem;}
.mollyverse-person-card__link-note{margin-top:.75rem;font-size:12px;color:#8b1f35;}
.mollyverse-person-card__image-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 14px;}
.mollyverse-person-card__image-control>strong{flex-basis:100%;font-size:12px;}
.mollyverse-person-card__image-preview{width:44px;height:44px;object-fit:cover;border-radius:50%;}
.mollyverse-people-grid__editor-actions{margin:.25rem 0 1.5rem;}
.editor-styles-wrapper .wp-block-mollyverse-people-grid,
.editor-styles-wrapper .mollyverse-people-grid-block{width:100%;max-width:100%;margin-left:0;margin-right:0;}
@media(max-width:700px){
    .mollyverse-people-grid{grid-template-columns:1fr;gap:12px;}
    .mollyverse-person-card--placeholder{display:none;}
    .mollyverse-people-grid--empty .mollyverse-person-card--placeholder,
    .mollyverse-people-grid--editor-preview .mollyverse-person-card--placeholder{display:block;}
}


/* v2.6.2 — People Grid: linked names + upper-right cameo */
.mollyverse-person-card--has-image{padding-right:92px;}
.mollyverse-person-card__image{
    position:absolute;
    top:22px;
    right:20px;
    width:58px;
    height:58px;
    margin:0;
    object-fit:cover;
    object-position:center;
    border-radius:50%;
    border:1px solid rgba(44,69,54,.18);
    box-shadow:0 2px 7px rgba(25,42,31,.08);
}
.mollyverse-person-card--linked{cursor:default;}
.mollyverse-person-card__name-link{
    color:#8b1f35 !important;
    text-decoration:none !important;
    text-underline-offset:3px;
}
.mollyverse-person-card__name-link:hover,
.mollyverse-person-card__name-link:focus{
    color:#8b1f35 !important;
    text-decoration:underline !important;
}
.mollyverse-person-card--linked:hover,
.mollyverse-person-card--linked:focus{
    transform:none;
    border-color:rgba(44,69,54,.20);
    background:rgba(255,255,255,.78);
    box-shadow:0 2px 10px rgba(25,42,31,.055);
}
@media(max-width:900px){
    .mollyverse-person-card--has-image{padding-right:82px;}
    .mollyverse-person-card__image{width:52px;height:52px;right:16px;}
}


/* v2.6.23 — People Grid: compact title + true text wrap around cameo */
.mollyverse-person-card--has-image{
    padding-right:22px;
}
.mollyverse-person-card--has-image .mollyverse-person-card__image{
    position:relative;
    top:auto;
    right:auto;
    float:right;
    width:52px;
    height:52px;
    margin:0 0 10px 14px;
}
.mollyverse-person-card__name{
    font-size:18px !important;
    line-height:1.22 !important;
}
.mollyverse-person-card__description{
    display:block;
}
.mollyverse-person-card::after{
    content:"";
    display:table;
    clear:both;
}
@media(max-width:900px){
    .mollyverse-person-card--has-image{padding-right:22px;}
    .mollyverse-person-card--has-image .mollyverse-person-card__image{
        width:52px;
        height:52px;
        right:auto;
    }
}


/* v2.6.24 — Audio oval polish: when playing, show exactly the two animated
   signal curves on every side rather than stacking them over the permanent
   quiet curve. */
.mollyverse-audio-item.is-playing .mollyverse-audio-trigger::before,
.mollyverse-audio-item.is-playing .mollyverse-audio-trigger::after,
.mollyverse-audio-item.is-playing::before,
.mollyverse-audio-item.is-playing::after{
    opacity:0 !important;
}


/* v2.6.26 — People Grid project cards. Keep the 18px heading from v2.6.23
   and visibly move the circular cameo 5px to the right. Transform is used
   here because the image is a floated element; changing its margin did not
   reliably move the rendered circle in OceanWP. */
.mollyverse-people-grid .mollyverse-person-card--has-image .mollyverse-person-card__image{
    transform:translateX(5px);
}

/* v2.6.25 — Audio oval signals: exactly two curves on every side.
   Remove the older single permanent curve so it can never stack into a
   third line. The two signal curves remain quietly visible at rest and
   animate when audio is playing. */
.mollyverse-audio-trigger::before,
.mollyverse-audio-trigger::after,
.mollyverse-audio-item::before,
.mollyverse-audio-item::after{
    display:none !important;
}
.mollyverse-signal::before,
.mollyverse-signal::after{
    opacity:.24;
}
.mollyverse-audio-item.is-playing .mollyverse-signal::before,
.mollyverse-audio-item.is-playing .mollyverse-signal::after{
    opacity:.24;
}

/* v2.6.27 — Homepage project-card cameo spacing.
   The visual 5px shift from v2.6.26 did not change the float's exclusion box,
   so the Mary Shelley heading still had the same usable line width. Keep the
   circle visually 5px farther right, but reclaim those 5px on its left side. */
.mollyverse-people-grid .mollyverse-person-card--has-image .mollyverse-person-card__image{
    margin-left:9px;
}


/* v2.6.28 — Project cards: return to a simple, predictable card layout.
   Keep the 52px cameo, use a 17px heading, and reserve only the space the
   floated cameo actually needs. */
.mollyverse-people-grid .mollyverse-person-card__name{
    font-size:17px !important;
    line-height:1.22 !important;
}
.mollyverse-people-grid .mollyverse-person-card--has-image{
    padding-right:22px;
}
.mollyverse-people-grid .mollyverse-person-card--has-image .mollyverse-person-card__image{
    float:right;
    position:relative;
    top:auto;
    right:auto;
    width:52px;
    height:52px;
    margin:0 0 10px 8px;
    transform:none;
}

/* 2.6.33 — A quiet continuation link for listeners, immediately below the oval. */
.mollyverse-letter-page .mollyverse-audio-next,
.mollyverse-migrated-letter .mollyverse-audio-next{
    clear:both;
    text-align:right;
    margin:8px 0 18px;
    font-size:14px;
    line-height:1.35;
}
.mollyverse-letter-page .mollyverse-audio-next a,
.mollyverse-migrated-letter .mollyverse-audio-next a{
    color:#294C3A;
    text-decoration:none;
    font-weight:700;
}
.mollyverse-letter-page .mollyverse-audio-next a:hover,
.mollyverse-migrated-letter .mollyverse-audio-next a:hover{
    color:#8E1B2D;
    text-decoration:underline;
}


/* 2.6.35 — Migrated letters: the listening oval and Next Letter link are one
   wrapped float. This lets the opening letter text use the open space beneath
   the oval while keeping the continuation link visually attached to it. */
.mollyverse-migrated-audio-wrap{
    float:right;
    clear:right;
    width:180px;
    margin:.15rem 0 1.65rem 1.7rem;
    text-align:center;
}
.mollyverse-migrated-audio-wrap .mollyverse-audio-item,
.mollyverse-migrated-audio-wrap .mollyverse-audio-item--right,
.mollyverse-migrated-audio-wrap .mollyverse-letter-audio-group{
    float:none !important;
    clear:none !important;
    width:180px;
    margin:0 auto !important;
    transform:none !important;
}
.mollyverse-migrated-audio-wrap .mollyverse-audio-next{
    clear:none;
    width:100%;
    margin:64px 0 0 !important;
    padding-top:0 !important;
    position:relative;
    z-index:5;
    text-align:right;
}
.mollyverse-migrated-audio-wrap::after{
    content:"";
    display:table;
    clear:both;
}
@media(max-width:700px){
    .mollyverse-migrated-audio-wrap{
        float:none;
        clear:both;
        width:180px;
        margin:1.1rem auto 2.5rem;
    }
}


/* 2.6.38 — Listener continuation clearance. The animated bottom signal reaches
   20px below the oval; reserve a full 56px before the continuation link. */
.mollyverse-migrated-letter .mollyverse-migrated-audio-wrap .mollyverse-audio-next{
    clear:both !important;
    margin-top:56px !important;
    padding-top:0 !important;
    position:relative !important;
    z-index:10 !important;
}

/* 2.6.43 — Final listening-control breathing room before Volume 1 migration. */


/* v2.7.8 — Optional non-destructive portrait mirroring. */
.mollyverse-audio-item--portrait-flipped .mollyverse-audio-trigger img{
    transform:scaleX(-1);
}