.mm-blog {min-height:100vh;display:flex;flex-direction:column;background:var(--nb-bg);font-family:'Space Grotesk',sans-serif}
.mm-blog main {flex:1}
.mm-blog h1,.mm-blog h2,.mm-blog h3 {font-weight:700}
.mm-blog-hero {background:var(--grad-hero);border-bottom:var(--nb-border);padding:5rem 0 4rem}
.mm-blog-hero .nb-label {margin:0 0 1.5rem}
.mm-blog-hero h1 {margin:0;font-size:clamp(2.8rem,7vw,5rem);max-width:900px}
.mm-index {padding-top:3rem;padding-bottom:5rem;min-height:260px}
.mm-post-list {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.mm-post-list>li {background:var(--nb-white);border:var(--nb-border);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow);padding:1.8rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}
.mm-post-list>li:nth-child(3n+2) {background:#fff8d7}
.mm-post-list>li:nth-child(3n+3) {background:#e4faf7}
.mm-post-list h2 {font-size:clamp(1.35rem,2.6vw,1.8rem);line-height:1.25;letter-spacing:-.025em;margin:0}
.mm-post-list a {color:inherit;text-decoration:none;overflow-wrap:anywhere}
.mm-post-list a:hover {text-decoration:underline;text-underline-offset:.2em}
.mm-meta {display:flex;gap:.65rem 1.25rem;flex-wrap:wrap;font-size:.72rem;line-height:1.6;color:#494450}
.mm-post {max-width:900px;padding-top:3rem;padding-bottom:5rem}
.mm-back {font-size:.8rem;display:inline-block;margin-bottom:2rem;color:#41316d;text-underline-offset:.2em}
.mm-post-header {border-bottom:var(--nb-border);padding-bottom:2rem;margin-bottom:2rem}
.mm-post-header h1 {font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.035em;margin:0 0 1.5rem;overflow-wrap:anywhere}
.mm-prose {font-size:1.08rem;line-height:1.8;overflow-wrap:anywhere}
.mm-prose h2 {font-size:1.8rem;line-height:1.25;margin:2.5rem 0 1rem;scroll-margin-top:7rem}
.mm-prose h3 {font-size:1.35rem;line-height:1.35;margin:1.8rem 0 .8rem}
.mm-prose h4,.mm-prose h5,.mm-prose h6 {line-height:1.4;margin:1.5rem 0 .5rem}
.mm-prose p {margin:0 0 1.25rem}
.mm-prose ul {list-style:disc;padding-inline-start:1.5rem;margin:1rem 0 1.5rem}
.mm-prose ol {list-style:decimal;padding-inline-start:1.5rem;margin:1rem 0 1.5rem}
.mm-prose li {margin:.5rem 0}
.mm-prose a {color:#50328e;text-decoration:underline;text-underline-offset:.2em}
.mm-prose blockquote {background:#e4faf7;border-inline-start:5px solid #0a0a0a;padding:1.25rem 1.5rem;margin:1.5rem 0}
.mm-prose blockquote p:last-child {margin-bottom:0}
.mm-prose table {display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:1.5rem 0;background:var(--nb-white)}
.mm-prose th,.mm-prose td {border:2px solid #0a0a0a;padding:.7rem 1rem;text-align:start;min-width:100px}
.mm-prose th {background:var(--nb-lavender)}
.mm-prose code {background:#e9e0f9;padding:.15rem .3rem;border-radius:3px;font-size:.9em}
.mm-prose pre {overflow-x:auto;background:#e9e0f9;padding:1rem;border:2px solid #0a0a0a;border-radius:var(--nb-radius)}
.mm-prose pre code {padding:0}
.mm-prose .mm-toc {background:#fff8d7;border:var(--nb-border);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow);padding:1.25rem 1.5rem;margin:2rem 0}
.mm-prose .mm-toc h2 {font-size:1.15rem;margin:0 0 .75rem}
.mm-prose .mm-toc ol {margin:0;font-size:.95rem}
.mm-empty {background:var(--nb-white);border:var(--nb-border);border-radius:var(--nb-radius);padding:2rem;box-shadow:var(--nb-shadow)}
.mm-empty h1 {font-size:2rem;margin:0 0 1rem}
.mm-empty p {margin:0 0 1rem}
.mm-empty a {text-decoration:underline}
.mm-blog a:focus-visible {outline:3px solid var(--nb-purple);outline-offset:4px}
.mm-skip {position:absolute;left:1rem;top:-100px;z-index:200;background:var(--nb-yellow);padding:.6rem 1rem;color:#0a0a0a}
.mm-skip:focus {top:.5rem}
@media(max-width:700px) {
 .mm-blog-hero {padding:3rem 0}
 .mm-post-list {grid-template-columns:1fr}
 .mm-post-list>li {padding:1.4rem}
 .mm-blog .nb-nav__inner {height:auto;min-height:60px;flex-wrap:wrap;gap:.5rem;padding:.75rem 0}
 .mm-blog .nb-nav__links {flex-wrap:wrap;justify-content:flex-start;display:flex}
 .mm-blog .nb-nav__link {font-size:.65rem;padding:.3rem .45rem}
 .mm-post {padding-top:2rem}
 .mm-prose {font-size:1rem}
 .mm-prose h2 {font-size:1.5rem}
}