/* Articles, generic pages and anything written in the WordPress editor */
.s12{grid-column:1/-1}
.mm-narrow{max-width:780px}
.mm-wide{max-width:1100px}
.mm-ahead{padding-top:clamp(64px,9vw,128px);padding-bottom:clamp(20px,3vw,36px)!important}
.mm-atitle{font-size:clamp(2.2rem,5.4vw,4.2rem)!important;max-width:20ch}
.mm-hero-img{margin:0 auto clamp(28px,4vw,48px)}
.mm-hero-img img{width:100%;height:auto;border-radius:18px;border:1px solid var(--line);display:block}

.mm-prose{font-size:clamp(1.04rem,1.3vw,1.16rem);line-height:1.7;color:var(--ink);padding-bottom:clamp(48px,7vw,96px)}
.mm-prose > *{margin-block:0 1.1em}
.mm-prose p,.mm-prose li{color:color-mix(in srgb,var(--ink) 86%,var(--muted))}
.mm-prose h2{font-family:var(--f-display);font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em;line-height:1.15;margin:1.8em 0 .5em;font-weight:600}
.mm-prose h3{font-family:var(--f-display);font-size:clamp(1.25rem,2.2vw,1.5rem);line-height:1.25;margin:1.6em 0 .4em;font-weight:600}
.mm-prose h4{font-size:1.05rem;margin:1.4em 0 .3em}
.mm-prose a{color:var(--accent);text-underline-offset:3px}
.mm-prose a:hover{color:var(--ink)}
.mm-prose ul,.mm-prose ol{padding-left:1.3em}
.mm-prose li{margin:.35em 0}
.mm-prose blockquote,.mm-prose .wp-block-quote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--select);font-size:1.12em;color:var(--ink)}
.mm-prose blockquote cite{display:block;margin-top:8px;font-size:.8em;color:var(--muted);font-style:normal}
.mm-prose img{max-width:100%;height:auto;border-radius:14px}
.mm-prose figure{margin:1.8em 0}
.mm-prose figcaption,.mm-prose .wp-element-caption{font-size:.85rem;color:var(--muted);margin-top:10px;text-align:center}
.mm-prose .alignwide{margin-inline:calc((780px - min(1100px,100vw - 2*var(--gutter,24px))) / 2)}
.mm-prose .alignfull{margin-inline:calc(50% - 50vw);max-width:100vw}
.mm-prose .alignfull img{border-radius:0}
.mm-prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
.mm-prose code{font-family:var(--f-mono);font-size:.86em;background:color-mix(in srgb,var(--ink) 7%,transparent);padding:2px 6px;border-radius:6px}
.mm-prose pre{font-family:var(--f-mono);font-size:.86rem;line-height:1.6;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;overflow:auto}
.mm-prose pre code{background:none;padding:0}
.mm-prose table{width:100%;border-collapse:collapse;font-size:.95rem}
.mm-prose th,.mm-prose td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.mm-prose .wp-block-button__link{display:inline-flex;padding:12px 20px;border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:600}
.mm-prose .wp-block-embed iframe,.mm-prose video{max-width:100%;border-radius:14px}

.mm-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(14px,1.8vw,24px)}
.mm-post{display:grid;align-content:start;gap:10px;padding:clamp(18px,2vw,26px);border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none;color:var(--ink);transition:transform .35s var(--ease-hover),border-color .3s,box-shadow .35s}
.mm-post:hover{transform:translateY(-3px);border-color:var(--select);box-shadow:var(--shadow)}
.mm-post-img{display:block;margin:calc(-1 * clamp(18px,2vw,26px)) calc(-1 * clamp(18px,2vw,26px)) 6px;aspect-ratio:16/9;overflow:hidden;border-radius:17px 17px 0 0}
.mm-post-img img{width:100%;height:100%;object-fit:cover;display:block}
.mm-post h3{font-family:var(--f-display);font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.2;letter-spacing:-.01em}
.mm-post p{color:var(--muted);margin:0}
.mm-post .go{font-weight:600;font-size:.95rem;color:var(--accent);margin-top:4px}
.mm-more{color:var(--ink);font-weight:600;text-decoration:none}
.mm-more:hover{color:var(--accent)}
.mm-pages{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}
.mm-pages .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink)}
.mm-pages .current{background:var(--ink);color:var(--paper)}
.mm-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:clamp(48px,7vw,96px)}
.mm-adjacent a{display:grid;gap:6px;padding:18px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);font-weight:600}
.mm-adjacent a.r{text-align:right;grid-column:2}
.mm-404{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
@media (max-width:640px){.mm-adjacent{grid-template-columns:1fr}.mm-adjacent a.r{grid-column:1;text-align:left}}