/* Blog frames share the navigation logo line; only prose has a reading measure. */
body.mm-v26d .mm-blog-hero { width: var(--mm-content-aligned); max-width: none; padding: 0; margin: 40px auto 72px; }
body.mm-v26d .mm-blog-hero .c-hero__title { font-size: clamp(34px,4vw,60px); line-height: 1.12; margin-bottom: 40px; }
body.mm-v26d .mm-blog-hero .c-hero__grid { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 32px; }
body.mm-v26d .mm-blog-hero .c-hero__media { min-height: 0; aspect-ratio: 4 / 3; }
body.mm-v26d .mm-blog-hero .c-hero__media img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto; }
body.mm-v26d .mm-blog-hero .c-hero__side { min-height: 0; }
body.mm-v26d .mm-blog-hero .c-hero__copy { background: #d9f2ea; padding: clamp(24px,3vw,40px); justify-content: center; gap: 24px; }
body.mm-v26d .mm-blog-hero .c-hero__copy .button-row { margin-top: 24px; }
body.mm-v26d .mm-blog-hero .button--secondary { background: none; color: var(--mm-purple-dark); border: 0; padding: 12px 0; box-shadow: none; text-decoration: underline; text-underline-offset: 5px; }
.mm-blog-reading { width: var(--mm-content-aligned); margin: 0 auto 80px; display: grid; grid-template-columns: minmax(180px, .42fr) minmax(0,1fr); gap: clamp(32px,6vw,96px); align-items: start; }
.mm-blog-index { border-top: 4px solid var(--mm-yellow, #ffcf26); padding-top: 24px; }
.mm-blog-index h2 { font-size: 26px; margin: 0 0 20px; }
.mm-blog-index ul { list-style: none; padding: 0; margin: 0; }
.mm-blog-index li + li { border-top: 1px solid #ede7ef; }
.mm-blog-index a { display: block; padding: 12px 0; line-height: 1.5; color: var(--mm-purple-dark); text-decoration: none; }
.mm-blog-index a:hover { text-decoration: underline; text-underline-offset: 4px; }
body.mm-v26d .mm-blog-body { width: 100%; max-width: none; margin: 0; padding: 0; background: #fff; border: 0; box-shadow: none; border-radius: 0; font-size: 20px; line-height: 1.8; overflow-wrap: anywhere; }
.mm-blog-body > * { max-width: 72ch; }
.mm-blog-body > :first-child { margin-top: 0; }
.mm-blog-body p { margin: 0 0 24px; }
.mm-blog-body :is(h2,h3) { margin: 52px 0 20px; line-height: 1.2; scroll-margin-top: 150px; }
.mm-blog-body h2 { font-size: clamp(28px,3vw,40px); }
.mm-blog-body h3 { font-size: clamp(25px,2.5vw,32px); }
.mm-blog-body :is(ul,ol) { padding-left: 28px; margin-block: 24px 32px; }
.mm-blog-body li { padding-left: 8px; margin-block: 10px; }
.mm-blog-body li::marker { color: var(--mm-purple); font-weight: 700; }
.mm-blog-body blockquote { margin: 32px 0; padding: 28px 32px; border-left: 4px solid var(--mm-purple); background: #d9f2ea; border-radius: 0 20px 20px 0; }
.mm-blog-body blockquote p:last-child { margin-bottom: 0; }
.mm-blog-body img { max-width: 100%; height: auto; border-radius: 20px; }
.mm-blog-body iframe { max-width: 100%; }
.mm-blog-reading--simple { grid-template-columns: 1fr; }
.mm-blog-reading--simple .mm-blog-body { display: grid; justify-items: center; }
.mm-blog-reading--simple .mm-blog-body > * { width: 100%; }
.mm-blog-end { position: relative; background: #ede7ef; padding: 64px max(16px,calc((100% - var(--mm-content-aligned))/2)) 80px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.mm-blog-end::after { content:''; position:absolute; inset:auto 0 -1px; height:24px; border-radius:50% 50% 0 0 / 100% 100% 0 0; background:white; }
.mm-blog-end h2 { margin:0; font-size:clamp(30px,3.5vw,46px); }
.mm-blog-index a:focus-visible { outline: 3px solid var(--mm-purple); outline-offset: 4px; }
@media(max-width: 900px) {
    .mm-blog-reading { grid-template-columns: minmax(160px,.4fr) minmax(0,1fr); gap: 28px; }
    .mm-blog-reading--simple { grid-template-columns: 1fr; }
}
@media(max-width: 700px) {
    body.mm-v26d .mm-blog-hero { margin-block: 32px 48px; }
    body.mm-v26d .mm-blog-hero .c-hero__grid { grid-template-columns: 1fr; gap: 24px; }
    .mm-blog-reading { grid-template-columns: 1fr; gap: 40px; margin-bottom: 48px; }
    body.mm-v26d .mm-blog-body { font-size: 18px; }
    .mm-blog-end { flex-direction:column; align-items:flex-start; padding-block:48px 64px; }
}

/* The grid bounds the sticky index, so it leaves with the article. */
.mm-blog-index__title { display:none; }
@media(min-width:701px) {
    .mm-blog-index { position:sticky; top:var(--blog-index-top,120px); max-height:calc(100dvh - var(--blog-index-top,120px) - 24px); overflow-y:auto; scrollbar-width:thin; padding-right:8px; }
    .mm-blog-index.is-stuck .mm-blog-index__title { display:block; margin:0 0 20px; color:var(--mm-purple-dark); font-size:22px; line-height:1.3; font-weight:700; }
}
/* Photo + purple copy panel, with alternating shallow arcs from the Figma cards. */
body.mm-v26d .c-blog-archive-heading,
body.mm-v26d .c-blog-archive-list { width:var(--mm-content-aligned); max-width:none; margin-inline:auto; padding-inline:0; background:none; }
body.mm-v26d .c-blog-archive-heading { padding-block:40px 24px; }
body.mm-v26d .c-blog-archive-list { margin-block:32px 80px; }
body.mm-v26d .content-card-grid--blogs { grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 28px; }
body.mm-v26d .content-card-grid--blogs .content-visual-card:nth-child(n) { --blog-card-purple:#773c96; background:var(--blog-card-purple); border:0; border-radius:18px; overflow:hidden; transition:transform .25s ease,box-shadow .25s ease; }
body.mm-v26d .content-card-grid--blogs .content-visual-card > img { aspect-ratio:3/2; width:100%; object-fit:cover; }
body.mm-v26d .content-card-grid--blogs .content-visual-card__body { position:relative; isolation:isolate; background:var(--blog-card-purple); padding:24px 28px 28px; gap:20px; }
body.mm-v26d .content-card-grid--blogs .content-visual-card__body::before { content:''; position:absolute; z-index:-1; top:-24px; left:-2%; width:104%; height:40px; background:var(--blog-card-purple); border-radius:65% 35% 0 0 / 100% 80% 0 0; }
body.mm-v26d .content-card-grid--blogs .content-visual-card:nth-child(3n+2) .content-visual-card__body::before { border-radius:30% 70% 0 0 / 70% 100% 0 0; }
body.mm-v26d .content-card-grid--blogs .content-visual-card:nth-child(3n) .content-visual-card__body::before { border-radius:50% 50% 0 0 / 100% 100% 0 0; }
body.mm-v26d .content-card-grid--blogs .content-visual-card__body h3 { color:#fff; font-size:clamp(24px,2vw,30px); line-height:1.18; overflow-wrap:normal; }
body.mm-v26d .content-card-grid--blogs .content-visual-card__body p { color:#fff; font-weight:400; font-size:17px; line-height:1.65; }
body.mm-v26d .content-card-grid--blogs .content-visual-card__body b { color:var(--mm-purple-dark); background:var(--mm-yellow-cta,#ffce2d); align-self:flex-start; padding:10px 18px; border-radius:24px; margin-top:auto; }
body.mm-v26d .content-card-grid--blogs .content-visual-card:hover { transform:translateY(-6px); box-shadow:0 12px 24px #5c0f8b20; }
body.mm-v26d .content-card-grid--blogs .content-visual-card:focus-visible { outline:3px solid var(--mm-purple-dark); outline-offset:5px; }
@media(max-width:1000px) { body.mm-v26d .content-card-grid--blogs { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { body.mm-v26d .content-card-grid--blogs { grid-template-columns:1fr; gap:28px; } }
@media(prefers-reduced-motion:reduce) { body.mm-v26d .content-card-grid--blogs .content-visual-card { transition:none; } body.mm-v26d .content-card-grid--blogs .content-visual-card:hover { transform:none; } }
/* Clip decorative edges without creating a scroll container for sticky. */
body.mm-v26d.mm-v26-page-blog main { overflow:clip; }
/* Shared archive / related-blog cards: full-width arc and readable Ubuntu copy. */
body.mm-v26d .content-card-grid--blogs .content-visual-card__body::before {
 left:0; width:100%; top:-31px; height:32px; border-radius:0!important;
 background:var(--blog-card-purple,#773c96);
 clip-path:ellipse(75% 100% at 50% 100%);
}
body.mm-v26d .content-card-grid--blogs .content-visual-card:nth-child(3n+2) .content-visual-card__body::before { clip-path:ellipse(85% 100% at 35% 100%); }
body.mm-v26d .content-card-grid--blogs .content-visual-card:nth-child(3n) .content-visual-card__body::before { clip-path:ellipse(85% 100% at 65% 100%); }
body.mm-v26d .content-card-grid--blogs .content-visual-card__body > :is(span,p) {
 color:#fff; font-family:Ubuntu,var(--font-body),sans-serif; font-size:20px; font-weight:400; line-height:1.6; order:2;
}
body.mm-v26d .content-card-grid--blogs .content-visual-card__body h3 { order:1; }
body.mm-v26d .content-card-grid--blogs .content-visual-card__body b { order:3; }
.mm-blog-index { border-top:0; padding-top:0; }
body.mm-v26d .mm-blog-index h2, .mm-blog-index-toggle {
 display:inline-block; background:#d9f2ea; color:#285f50; padding:9px 16px; border-radius:999px;
 font:400 16px/1.4 Ubuntu,var(--font-body),sans-serif; text-transform:none;
}
.mm-blog-index-toggle,.mm-blog-index-close { display:none; }
body.mm-v26d .mm-blog-more {
 display:flex; width:fit-content; min-height:52px; margin:40px auto 0; padding:12px 18px 12px 20px;
 align-items:center; justify-content:center; gap:12px; border-radius:14px; box-shadow:none;
}
body.mm-v26d .mm-blog-more::after {
 content:'↗'; width:32px; height:32px; flex:0 0 32px; border-radius:50%; background:#fff3c9;
 color:var(--mm-purple-dark); font-size:24px; line-height:1; transform:none;
}
body.mm-v26d .mm-blog-more[hidden] { display:none; }
.mm-blog-load-status { text-align:center; font:400 18px/1.5 Ubuntu,sans-serif; }
.mm-blog-related { width:var(--mm-content-aligned); margin:64px auto 80px; }
.mm-blog-related > h2 { text-align:center; }
.mm-blog-carousel { display:grid; grid-template-columns:36px minmax(0,1fr) 36px; gap:12px; align-items:center; }
.mm-blog-track { display:flex; gap:28px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-block:20px; }
.mm-blog-track::-webkit-scrollbar { display:none; }
.mm-blog-track > a { flex:0 0 calc((100% - 56px)/3); scroll-snap-align:start; display:flex; flex-direction:column; text-decoration:none; min-width:0; }
.mm-blog-track .content-visual-card__body { display:flex; flex-direction:column; flex:1; }
.mm-blog-chevron { background:transparent; border:0; color:#743d97; font-size:34px; min-height:48px; cursor:pointer; }
.mm-blog-chevron[hidden] { visibility:hidden; display:block; }
@media(max-width:1000px) { .mm-blog-track > a { flex-basis:calc((100% - 28px)/2); } }
@media(max-width:700px) {
 .mm-blog-index-toggle { display:block; position:fixed; left:0; bottom:28px; z-index:100; border:0; border-radius:0 24px 24px 0; box-shadow:0 4px 20px #0002; min-height:44px; }
 body.mm-v26d .mm-blog-index { position:fixed; inset:0 auto 0 0; width:min(86vw,360px); height:100dvh; box-sizing:border-box; padding:72px 24px 32px; background:white; z-index:20000; overflow-y:auto; transform:translateX(-110%); visibility:hidden; transition:transform .3s ease,visibility .3s; box-shadow:8px 0 28px #0003; }
 body.mm-v26d .mm-blog-index.is-open { transform:translateX(0); visibility:visible; }
 .mm-blog-index-close { display:block; position:absolute; right:16px; top:16px; border:0; background:none; font-size:32px; width:44px; height:44px; color:#743d97; }
 .mm-blog-index.is-open .mm-blog-index__title { display:block; font-weight:400; }
 .mm-blog-track > a { flex-basis:100%; }
 .mm-blog-carousel { gap:4px; grid-template-columns:28px minmax(0,1fr) 28px; }
 body.mm-v26d .content-card-grid--blogs .content-visual-card__body > :is(span,p) { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) { body.mm-v26d .mm-blog-index { transition:none; } }

body.mm-v26d .content-card-grid--blogs .content-visual-card { padding:0; box-sizing:border-box; }
body.mm-v26d .content-card-grid--blogs .content-visual-card > img { display:block; height:auto; flex-shrink:0; border-radius:0; margin:0; }
body.mm-v26d .content-card-grid--blogs .content-visual-card__body > :is(span,p) { text-transform:none; letter-spacing:normal; }
body.mm-v26d .content-card-grid--blogs .content-visual-card__body b { text-decoration:none; }

/* Light editorial teasers, with a clear two-line rhythm and one arrow action. */
body.mm-v26d .content-card-grid--blogs .content-visual-card__body > :is(span,p) {
 font-weight:100; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:3.2em;
}
body.mm-v26d .content-card-grid--blogs .content-visual-card__body .mm-blog-arrow {
 width:48px; height:48px; box-sizing:border-box; padding:0; display:grid; place-items:center;
 border-radius:50%; font:400 28px/1 Ubuntu,sans-serif; align-self:flex-end;
}
body.mm-v26d .content-card-grid--blogs .content-visual-card > img { transition:transform .45s ease; }
body.mm-v26d .content-card-grid--blogs .content-visual-card__body { transition:transform .45s ease; }
@media(hover:hover) and (pointer:fine) {
 body.mm-v26d .content-card-grid--blogs .content-visual-card:hover > img { transform:scale(1.045) translateY(-3px); }
 body.mm-v26d .content-card-grid--blogs .content-visual-card:hover .content-visual-card__body { transform:translateY(-8px); }
}
@media(prefers-reduced-motion:reduce) {
 body.mm-v26d .content-card-grid--blogs .content-visual-card > img, body.mm-v26d .content-card-grid--blogs .content-visual-card__body { transition:none; transform:none!important; }
}

/* Related reading and archive action share one curved lavender band. */
body.mm-v26d .mm-blog-end { display:grid; grid-template-columns:minmax(0,1fr) auto; }
body.mm-v26d .mm-blog-end > .mm-blog-related { grid-column:1 / -1; width:100%; min-width:0; margin:0 0 32px; }
body.mm-v26d .mm-blog-end > .button { justify-self:end; }
@media(max-width:700px) {
 body.mm-v26d .mm-blog-end { grid-template-columns:minmax(0,1fr); }
 body.mm-v26d .mm-blog-end > .button { justify-self:start; }
}