/* Self-hosted webfonts — added 2026-09-21 so every visitor sees the same
   typography regardless of OS. Downloaded from Google Fonts (OFL), served locally:
   no third-party request at runtime. Previously these stacks led with macOS-only
   faces, which fell back to defaults on Windows/Android. */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url('/fonts/quicksand-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url('/fonts/quicksand-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/rubik-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/rubik-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* =====================================================================================
   MicManners v2 — "finishing school" (redesign 2026-09-21)
   Soft peach ground · friendly rounded flat vector · centred headline over a big
   illustration · soft blobs · coral + deep plum. Contrast ratios are in DESIGN.md.
   ===================================================================================== */

:root{
  --peach:#fff1e9; --peach-2:#ffe4d6; --peach-3:#ffd3bf; --card:#fffaf6; --line:#f3cdbd;
  --ink:#2e1636; --plum:#3d1a4a; --plum-2:#5b2e66; --plum-3:#8d6a95; --muted:#6a4a70; --link:#7a2a6e;
  --coral:#f26b52; --coral-d:#d24a2f; --coral-t:#b73a22; --coral-l:#ffb3a0; --coral-s:#ffd9cc;
  --butter:#ffe3a3; --butter-s:#fff3d6; --rose:#ffd6dc;
  --blob-a:46% 54% 42% 58% / 52% 44% 56% 48%;
  --blob-b:58% 42% 55% 45% / 45% 58% 42% 55%;
  --mm-display:'Quicksand','Arial Rounded MT','Helvetica Rounded',Arial,sans-serif;
  --mm-body:'Rubik',Geneva,Verdana,sans-serif;
  --wrap:72rem; --read:44rem;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--peach);color:var(--ink);font:400 1.0625rem/1.72 var(--mm-body);overflow-x:hidden}
img,svg{max-width:100%;height:auto}
h1,h2,h3{font-family:var(--mm-display);font-weight:700;color:var(--plum);line-height:1.2;margin:0}
h1,h2{text-wrap:balance}
p,ul,ol{margin:0 0 1.05rem}
ul,ol{padding-left:1.35rem}
li{margin-bottom:.5rem}
strong{color:var(--plum)}
a{color:var(--link);text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover{color:var(--coral-t)}
:focus-visible{outline:3px solid var(--coral-d);outline-offset:3px;border-radius:8px}
.mm-sprite{position:absolute;width:0;height:0;overflow:hidden}
.mm-ico{width:1.25em;height:1.25em;flex:0 0 auto}

.mm-skip{position:absolute;left:1rem;top:-4rem;z-index:50;background:var(--plum);color:#fff;
  padding:.7rem 1.1rem;border-radius:999px;font:700 1rem var(--mm-display);text-decoration:none}
.mm-skip:focus{top:.75rem;color:#fff}

/* ---------------------------------------------------------------- header + menu */
.mm-header{position:relative;z-index:30;padding:.7rem 1rem 0}
.mm-header-inner{max-width:var(--wrap);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;min-height:56px;position:relative}
.mm-wordmark{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--plum);min-height:48px}
.mm-wordmark:hover{color:var(--plum)}
.mm-logo-mark{width:46px;height:46px;flex:0 0 auto}
.mm-wordmark b{display:block;font:700 1.35rem/1.05 var(--mm-display);letter-spacing:-.01em}
.mm-wordmark small{display:block;font-size:.8rem;color:var(--muted);line-height:1.3}
.mm-menu-btn{display:none;margin-left:auto;align-items:center;gap:.5rem;min-height:46px;padding:.5rem 1.05rem .5rem .9rem;
  border:0;border-radius:999px;background:var(--plum);color:#fff;font:700 1rem var(--mm-display);cursor:pointer}
.mm-menu-btn:hover{background:var(--plum-2)}
.mm-menu-btn .mm-ico{width:22px;height:22px}
.mm-menu-btn .mm-ico-close{display:none}
.mm-menu-btn[aria-expanded="true"] .mm-ico-open{display:none}
.mm-menu-btn[aria-expanded="true"] .mm-ico-close{display:block}
.mm-nav{display:flex;gap:.35rem;flex:1 1 100%;overflow-x:auto;padding:.2rem .1rem .5rem;scrollbar-width:none}
.mm-nav::-webkit-scrollbar{display:none}
.mm-nav a{display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;min-height:44px;padding:0 1rem;border-radius:999px;
  background:var(--card);box-shadow:inset 0 0 0 2px var(--line);color:var(--plum);text-decoration:none;font:700 .98rem var(--mm-display)}
.mm-nav a:hover{background:var(--coral-s);color:var(--plum)}
.mm-nav a[aria-current="page"]{background:var(--plum);color:#fff;box-shadow:none}
.mm-nav .mm-ico{width:20px;height:20px;color:var(--coral-d)}
.mm-nav a[aria-current="page"] .mm-ico{color:var(--coral-l)}

@media (max-width:899.98px){
  .mm-js .mm-menu-btn{display:inline-flex}
  .mm-js .mm-nav{display:none;position:absolute;top:calc(100% + .55rem);left:0;right:0;flex-direction:column;gap:.2rem;
    overflow:visible;padding:.55rem;background:var(--card);border-radius:26px;
    box-shadow:0 0 0 2px var(--line),0 24px 44px -20px rgba(61,26,74,.5)}
  .mm-js .mm-nav.is-open{display:flex}
  .mm-js .mm-nav a{min-height:50px;border-radius:18px;background:transparent;box-shadow:none;font-size:1.08rem;padding:0 .9rem}
  .mm-js .mm-nav a:hover{background:var(--peach)}
  .mm-js .mm-nav a[aria-current="page"]{background:var(--coral-s);color:var(--plum)}
  .mm-js .mm-nav a[aria-current="page"] .mm-ico{color:var(--coral-d)}
  .mm-js .mm-nav .mm-ico{width:24px;height:24px}
}
@media (min-width:900px){
  .mm-header{padding-top:1rem}
  .mm-nav{flex:0 1 auto;margin-left:auto;padding:.3rem;background:var(--card);border-radius:999px;box-shadow:inset 0 0 0 2px var(--line);overflow:visible}
  .mm-nav a{background:transparent;box-shadow:none;padding:0 1rem}
  .mm-nav a.mm-nav-key{background:var(--coral);color:var(--ink)}
  .mm-nav a.mm-nav-key .mm-ico{color:var(--ink)}
  .mm-nav a.mm-nav-key:hover{background:var(--coral-l)}
  .mm-nav a[aria-current="page"],.mm-nav a.mm-nav-key[aria-current="page"]{background:var(--plum);color:#fff}
  .mm-nav a.mm-nav-key[aria-current="page"] .mm-ico{color:var(--coral-l)}
}

/* ---------------------------------------------------------------- buttons */
.mm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:52px;padding:.7rem 1.45rem;border-radius:999px;
  font:700 1.05rem/1.2 var(--mm-display);text-decoration:none;transition:transform .15s ease,background .15s ease}
.mm-btn .mm-ico{width:22px;height:22px}
.mm-btn-plum{background:var(--plum);color:#fff;box-shadow:5px 6px 0 var(--coral)}
.mm-btn-plum:hover{background:var(--plum-2);color:#fff;transform:translate(-1px,-1px)}
.mm-btn-plum .mm-ico{color:var(--coral-l)}
.mm-btn-soft{background:var(--card);color:var(--plum);box-shadow:inset 0 0 0 2px var(--line)}
.mm-btn-soft:hover{background:var(--coral-s);color:var(--plum)}
.mm-btn-soft .mm-ico{color:var(--coral-d)}

/* ---------------------------------------------------------------- home hero */
.mm-hero{position:relative;overflow:hidden;padding:1.2rem 1rem 2.6rem;text-align:center}
.mm-hero::before,.mm-hero::after{content:"";position:absolute;z-index:-1;pointer-events:none}
.mm-hero::before{width:34rem;height:26rem;left:-12rem;top:-7rem;background:var(--peach-2);border-radius:var(--blob-a)}
.mm-hero::after{width:26rem;height:22rem;right:-10rem;top:9rem;background:var(--butter-s);border-radius:var(--blob-b)}
.mm-hero-in{position:relative;max-width:var(--wrap);margin:0 auto}
.mm-hero h1{font-size:clamp(2.1rem,5.4vw,3.55rem);line-height:1.1;letter-spacing:-.015em;max-width:16.5em;margin:.7rem auto 1rem;text-wrap:balance}
.mm-hero-art{margin:0 auto;max-width:1000px}
.mm-hero-svg{display:block;width:100%}
.mm-hero-tall{display:none}
.mm-hero-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:.9rem;margin:1.4rem 0 1.6rem}
.mm-hero .mm-lede{max-width:46rem;margin:0 auto;text-align:left}
@media (max-width:720px){
  .mm-hero-wide{display:none}
  .mm-hero-tall{display:block;max-width:430px;margin:0 auto}
}
@media (max-width:560px){
  .mm-hero{padding-top:.4rem}
  .mm-hero-btns{flex-direction:column;align-items:stretch;gap:.75rem}
  .mm-hero-btns .mm-btn{width:100%}
}

/* ---------------------------------------------------------------- inner page head */
.mm-pagehead{position:relative;overflow:hidden;text-align:center;padding:1.3rem 1rem .4rem}
.mm-pagehead::before,.mm-pagehead::after{content:"";position:absolute;z-index:-1;pointer-events:none}
.mm-pagehead::before{width:30rem;height:22rem;left:-14rem;top:-6rem;background:var(--peach-2);border-radius:var(--blob-a)}
.mm-pagehead::after{width:22rem;height:18rem;right:-9rem;top:12rem;background:var(--butter-s);border-radius:var(--blob-b)}
.mm-pagehead-in{position:relative;max-width:52rem;margin:0 auto}
.mm-kicker{display:inline-flex;align-items:center;gap:.45rem;margin:0;padding:.35rem 1rem .35rem .75rem;border-radius:999px;
  background:var(--card);box-shadow:inset 0 0 0 2px var(--line);color:var(--coral-t);font:700 .92rem/1.35 var(--mm-display)}
.mm-kicker .mm-ico{width:20px;height:20px;color:var(--coral-d)}
.mm-pagehead h1{font-size:clamp(2rem,5.4vw,3.3rem);line-height:1.1;letter-spacing:-.012em;max-width:21ch;margin:.85rem auto .8rem;text-wrap:balance}
.mm-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}
.mm-meta p{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.28rem .85rem .28rem .65rem;border-radius:18px;text-align:left;
  background:var(--peach-2);color:var(--muted);font-size:.86rem;line-height:1.4}
.mm-meta .mm-ico{width:17px;height:17px;color:var(--coral-d)}
.mm-meta .mm-date{text-wrap:balance}
.mm-head-art{width:min(470px,86vw);margin:1.1rem auto 0}
.mm-head-art img{display:block;width:100%;height:auto}

/* ---------------------------------------------------------------- reading column */
.mm-article{max-width:var(--read);margin:0 auto;padding:1.4rem 1rem 1rem}
.mm-article > h2,.mm-article > section > h2,.mm-sec h2{font-size:clamp(1.5rem,3.7vw,1.95rem);margin:2.7rem 0 .9rem}
.mm-article > h2::after,.mm-sec > h2::after,.mm-faq > h2::after,.mm-refuse h2::after{content:"";display:block;width:70px;height:12px;margin-top:.5rem;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 12'%3E%3Cpath d='M2 6q6.5-8 13 0t13 0 13 0 13 0 13 0' fill='none' stroke='%23f26b52' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}
.mm-article h3{font-size:1.2rem;margin:1.7rem 0 .45rem}
.mm-lede{font-size:1.15rem;line-height:1.68;background:var(--card);border-radius:28px;padding:1.25rem 1.45rem;
  box-shadow:inset 0 0 0 2px var(--line),7px 9px 0 var(--coral-s)}
.mm-article > .mm-lede{margin-bottom:1.6rem}
.mm-note{position:relative;background:var(--butter-s);border-radius:20px;padding:.85rem 1.1rem .85rem 3.3rem;font-size:.97rem;margin:1.2rem 0}
.mm-note::before,.mm-howline::before{content:"";position:absolute;left:.95rem;top:.85rem;width:26px;height:26px;border-radius:50%;
  background:var(--card) no-repeat center/18px 18px}
.mm-note::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d24a2f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17.5h6M10 21h4M8.2 14.2A6 6 0 1 1 15.8 14.2c-.9.8-1.3 1.8-1.3 3.3h-5c0-1.5-.4-2.5-1.3-3.3z'/%3E%3C/svg%3E")}
.mm-howline{position:relative;background:var(--peach-2);border-radius:18px;padding:.8rem 1.05rem .8rem 3.3rem;font-size:.97rem;margin:.8rem 0 1rem}
.mm-howline::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16' fill='none' stroke='%233d1a4a' stroke-width='2.4' stroke-linecap='round'/%3E%3Cg fill='%23f26b52'%3E%3Ccircle cx='9' cy='7' r='2.8'/%3E%3Ccircle cx='15.5' cy='12' r='2.8'/%3E%3Ccircle cx='7' cy='17' r='2.8'/%3E%3C/g%3E%3C/svg%3E")}
.mm-h-num{display:flex;align-items:flex-start;gap:.6rem}
.mm-h-num::before{content:"";flex:0 0 auto;width:14px;height:14px;margin-top:.55em;border-radius:var(--blob-a);background:var(--coral)}
.mm-article > h2.mm-h-num::after,.mm-article > h2.mm-step-h::after{display:none}
.mm-step-h{display:flex;align-items:center;gap:.75rem}
.mm-h-ico{flex:0 0 auto;display:grid;place-items:center;width:54px;height:54px;border-radius:var(--blob-a);background:var(--coral-s);color:var(--plum)}
.mm-h-ico .mm-ico{width:28px;height:28px}
.mm-step{background:var(--card);border-radius:26px;padding:1.15rem 1.3rem .35rem;box-shadow:inset 0 0 0 2px var(--line);margin:0 0 1.2rem}
.mm-step p:last-child{margin-bottom:.8rem}
.mm-byline{font-size:.86rem;color:var(--muted)}

/* rules: numbered blob cards */
.mm-rule{position:relative;background:var(--card);border-radius:26px;padding:1.1rem 1.25rem .35rem 5.1rem;margin:0 0 1rem;box-shadow:inset 0 0 0 2px var(--line)}
.mm-rule::before{content:attr(data-no);position:absolute;left:1rem;top:1rem;width:52px;height:52px;display:grid;place-items:center;
  border-radius:var(--blob-a);background:var(--coral);color:var(--ink);font:700 1.45rem/1 var(--mm-display)}
.mm-rule:nth-of-type(2n)::before{border-radius:var(--blob-b);background:var(--butter)}
.mm-rule h3{margin:.3rem 0 .4rem;font-size:1.18rem;display:flex;align-items:center;gap:.5rem}
.mm-rule h3 .mm-ico{color:var(--coral-d);width:24px;height:24px}

/* tables → soft cards; cards on phones */
.mm-scroll{margin:1.3rem 0;background:var(--card);border-radius:24px;box-shadow:inset 0 0 0 2px var(--line);overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.55}
caption{caption-side:top;text-align:left;padding:.95rem 1.1rem .45rem;color:var(--muted);font:700 .9rem/1.4 var(--mm-display)}
th,td{padding:.7rem 1.1rem;text-align:left;vertical-align:top;border-top:2px solid var(--peach-2)}
thead th{border-top:0;background:var(--peach-2);color:var(--plum);font:700 .9rem/1.3 var(--mm-display)}
thead th:first-child{border-top-left-radius:14px}
thead th:last-child{border-top-right-radius:14px}
tbody td:first-child{font-weight:500;color:var(--plum)}
@media (max-width:639.98px){
  .mm-scroll{overflow:visible;background:transparent;box-shadow:none}
  .mm-scroll table,.mm-scroll tbody,.mm-scroll tr,.mm-scroll td,.mm-scroll caption{display:block}
  .mm-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .mm-scroll caption{padding:0 .2rem .6rem}
  .mm-scroll tr{background:var(--card);border-radius:20px;box-shadow:inset 0 0 0 2px var(--line);padding:.75rem 1rem;margin:0 0 .7rem}
  .mm-scroll td{border:0;padding:.25rem 0}
  .mm-scroll td::before{content:attr(data-label);display:block;color:var(--coral-t);font:700 .8rem/1.4 var(--mm-display)}
  .mm-scroll td[data-label=""]::before{display:none}
  .mm-scroll td:first-child{font:700 1.05rem/1.35 var(--mm-display);color:var(--plum);padding-bottom:.35rem}
}

/* FAQ */
.mm-faq{margin-top:3rem}
.mm-qa{background:var(--card);border-radius:24px;padding:1rem 1.25rem .25rem;margin:0 0 .85rem;box-shadow:inset 0 0 0 2px var(--line)}
.mm-article .mm-qa h3,.mm-qa h3{position:relative;margin:0 0 .45rem;padding-left:2.2rem;font-size:1.12rem}
.mm-qa h3::before{content:"";position:absolute;left:0;top:.05rem;width:26px;height:26px;background:no-repeat center/26px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4.5h14a2.5 2.5 0 0 1 2.5 2.5v8a2.5 2.5 0 0 1-2.5 2.5h-7l-4.5 3.5v-3.5H5A2.5 2.5 0 0 1 2.5 15V7A2.5 2.5 0 0 1 5 4.5z' fill='%23ffd9cc' stroke='%23d24a2f' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* CTA: a soft coral blob */
.mm-cta{position:relative;display:grid;gap:.2rem 1.4rem;background:var(--coral-s);border-radius:40px 56px 44px 60px / 52px 40px 60px 44px;padding:1.5rem 1.5rem 1.35rem;margin:2.6rem 0}
.mm-cta-art{display:block;width:min(230px,70%);height:auto;margin:-.3rem auto .4rem}
.mm-cta h2{font-size:1.5rem;margin:0 0 .55rem}
.mm-cta p{margin:0 0 1rem}
.mm-cta-btn{justify-self:start;display:inline-flex;align-items:center;gap:.55rem;min-height:52px;padding:.75rem 1.45rem;border-radius:999px;
  background:var(--plum);color:#fff;font:700 1.03rem/1.25 var(--mm-display);text-decoration:none;box-shadow:5px 6px 0 var(--coral)}
.mm-cta-btn:hover{background:var(--plum-2);color:#fff}
.mm-cta-btn::after{content:"";width:18px;height:18px;flex:0 0 auto;background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23ffb3a0' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.mm-cta .mm-disclosure{display:block;margin-top:1rem;font-size:.84rem;line-height:1.55;color:var(--muted)}
@media (min-width:640px){
  .mm-cta{grid-template-columns:1fr 200px;padding:1.8rem 2rem 1.6rem}
  .mm-cta > *{grid-column:1}
  .mm-cta > .mm-cta-art{grid-column:2;grid-row:1 / span 4;align-self:center;width:100%;margin:0}
}
@media (max-width:560px){ .mm-cta-btn{justify-self:stretch;justify-content:center;text-align:center} }

/* ---------------------------------------------------------------- figures */
.mm-fig{margin:1.4rem 0 1.6rem;padding:1.1rem;background:var(--card);border-radius:28px;box-shadow:inset 0 0 0 2px var(--line)}
.mm-fig figcaption,.mm-fig-cap{margin:.8rem .2rem 0;color:var(--muted);font:700 .9rem/1.45 var(--mm-display);text-align:center}
.mm-fig-title{margin:0 0 .8rem;text-align:center;font:700 1rem/1.3 var(--mm-display);color:var(--plum)}
.mm-pebble-ico{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:var(--blob-a);background:var(--coral-s);color:var(--plum)}
.mm-pebble-ico .mm-ico{width:24px;height:24px}

/* the seven-step chain */
.mm-chain{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
.mm-pebble{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;background:var(--peach);border-radius:22px;padding:.8rem .85rem .6rem}
.mm-pebble b{font:700 .85rem/1.2 var(--mm-display);color:var(--coral-t);margin-top:.35rem}
.mm-pebble > span:not(.mm-pebble-ico){font:700 .98rem/1.3 var(--mm-display);color:var(--plum)}
.mm-miniwave{width:100%;height:30px;margin-top:auto;padding-top:.3rem}
.mm-pebble:nth-child(2n) .mm-pebble-ico{background:var(--butter);border-radius:var(--blob-b)}
.mm-pebble:last-child{background:var(--coral-s)}
.mm-pebble:last-child b{color:var(--plum)}
@media (min-width:700px){ .mm-chain{grid-template-columns:repeat(4,1fr)} }

/* EQ chart */
.mm-eqchart{display:block;width:100%;max-width:480px;margin:0 auto}
.mm-legend{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem;counter-reset:lg}
.mm-legend li{counter-increment:lg;position:relative;margin:0;padding:.55rem .8rem .55rem 3rem;background:var(--peach);border-radius:16px;line-height:1.4}
.mm-legend li::before{content:counter(lg);position:absolute;left:.7rem;top:.55rem;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:var(--plum);color:#fff;font:700 .9rem/1 var(--mm-display)}
.mm-legend b{display:block;font:700 1rem/1.35 var(--mm-display);color:var(--plum)}
.mm-legend span{font-size:.92rem;color:var(--muted)}
@media (min-width:700px){ .mm-legend{grid-template-columns:repeat(3,1fr)} }

/* panels (gain, crackle) */
.mm-trio-row{display:grid;gap:.8rem}
.mm-trio-cell{display:grid;grid-template-columns:44% 1fr;align-items:center;gap:.8rem;background:var(--peach);border-radius:20px;padding:.6rem}
.mm-trio-cell svg{display:block;width:100%}
.mm-trio-cell p{margin:0;line-height:1.35}
.mm-trio-cell b{display:block;font:700 1rem/1.3 var(--mm-display);color:var(--plum)}
.mm-trio-cell span{font-size:.9rem;color:var(--muted)}
.mm-trio-cell.is-good{background:var(--coral-s)}
@media (min-width:700px){
  .mm-trio .mm-trio-row{grid-template-columns:repeat(3,1fr)}
  .mm-duo .mm-trio-row{grid-template-columns:repeat(2,1fr)}
  .mm-trio-cell{grid-template-columns:1fr;align-items:start;padding:.7rem .7rem .9rem}
}
.mm-key{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.1rem;margin:.9rem 0 0;padding:0;font-size:.88rem;color:var(--muted)}
.mm-key li{display:inline-flex;align-items:center;gap:.45rem;margin:0}
.mm-key i{display:inline-block;width:26px;height:10px;border-radius:5px}
.mm-key .k-ceil{background:repeating-linear-gradient(90deg,var(--coral-d) 0 6px,transparent 6px 11px);height:3px}
.mm-key .k-75{background:repeating-linear-gradient(90deg,var(--plum-3) 0 3px,transparent 3px 8px);height:3px}
.mm-key .k-hiss{background:rgba(165,138,160,.35)}
.mm-key .k-voice{background:var(--coral);height:4px}
.mm-key .k-noise{background:#8d6a95;height:3px}

/* gain stages, usb links */
.mm-stages-row,.mm-links-row{display:flex;flex-direction:column;gap:.35rem}
.mm-stage,.mm-link{display:flex;align-items:center;gap:.8rem;background:var(--peach);border-radius:20px;padding:.7rem .9rem;position:relative}
.mm-stage p{margin:0;flex:1;line-height:1.35}
.mm-stage b,.mm-link b{display:block;font:700 1rem/1.3 var(--mm-display);color:var(--plum)}
.mm-stage p span{font-size:.9rem;color:var(--muted)}
.mm-stage-n{position:absolute;left:-.35rem;top:-.35rem;width:24px;height:24px;border-radius:50%;background:var(--plum);color:#fff;display:grid;place-items:center;font:700 .8rem/1 var(--mm-display)}
.mm-stage-slider{width:96px;flex:0 0 auto}
.mm-stage-arrow{display:flex;justify-content:center;color:var(--coral-d)}
.mm-stage-arrow .mm-ico{transform:rotate(90deg);width:22px;height:22px}
.mm-link{flex-wrap:wrap}
.mm-link > span:not(.mm-pebble-ico):not(.mm-chips){font-size:.92rem;color:var(--muted);flex:1 1 8rem}
.mm-link b{flex:0 0 auto}
.mm-chips{display:flex;flex-wrap:wrap;gap:.35rem;flex:1 1 100%}
.mm-chips i{font-style:normal;font:700 .82rem/1 var(--mm-display);color:var(--plum);background:var(--card);box-shadow:inset 0 0 0 2px var(--line);border-radius:999px;padding:.4rem .7rem}
.mm-link:nth-of-type(3) .mm-chips i{background:var(--coral-s);box-shadow:none}
@media (min-width:700px){
  .mm-stages-row,.mm-links-row{flex-direction:row;align-items:stretch}
  .mm-stage{flex:1;flex-direction:column;align-items:flex-start;text-align:left}
  .mm-stage-slider{width:100%}
  .mm-stage-arrow{align-items:center}
  .mm-stage-arrow .mm-ico{transform:none}
  .mm-link{flex:1;flex-direction:column;align-items:flex-start;gap:.35rem}
  .mm-link > span:not(.mm-pebble-ico):not(.mm-chips){flex:0 0 auto}
  .mm-chips{flex:0 0 auto;margin-top:auto;padding-top:.3rem}
  .mm-link .mm-chips i{white-space:nowrap}
}

/* gate vs suppression timelines */
.mm-tl-row{display:grid;gap:.4rem;background:var(--peach);border-radius:20px;padding:.7rem .8rem;margin-bottom:.6rem}
.mm-tl-row p{margin:0;line-height:1.35}
.mm-tl-row b{font:700 1rem/1.3 var(--mm-display);color:var(--plum)}
.mm-tl-row span{font-size:.9rem;color:var(--muted)}
.mm-tl-row b::after{content:" — ";color:var(--muted);font-weight:400}
.mm-tl-row.is-good{background:var(--coral-s)}
.mm-timeline{display:block;width:100%}
@media (min-width:700px){ .mm-tl-row{grid-template-columns:12rem 1fr;align-items:center} .mm-tl-row b{display:block} .mm-tl-row b::after{content:none} }

/* five families */
.mm-fams-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.mm-fam{display:flex;align-items:center;gap:.65rem;background:var(--peach);border-radius:18px;padding:.6rem .7rem;font:700 .95rem/1.3 var(--mm-display);color:var(--plum)}
.mm-fam:last-child{grid-column:1 / -1;background:var(--coral-s)}
@media (min-width:700px){ .mm-fams-row{grid-template-columns:repeat(5,1fr)} .mm-fam{flex-direction:column;text-align:center;padding:.9rem .6rem} .mm-fam:last-child{grid-column:auto} }

/* jump ladder on symptom pages */
.mm-ladder{margin:1.4rem 0 1.8rem;padding:1rem;background:var(--card);border-radius:28px;box-shadow:inset 0 0 0 2px var(--line)}
.mm-ladder ol{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.mm-ladder li{margin:0}
.mm-ladder a{display:flex;align-items:center;gap:.75rem;min-height:48px;padding:.45rem .8rem .45rem .5rem;border-radius:18px;background:var(--peach);
  color:var(--plum);text-decoration:none;font:700 .98rem/1.3 var(--mm-display)}
.mm-ladder a:hover{background:var(--coral-s);color:var(--plum)}
.mm-ladder-n{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--blob-a);background:var(--coral);color:var(--ink);font:700 1rem/1 var(--mm-display)}
.mm-ladder li:nth-child(2n) .mm-ladder-n{background:var(--butter);border-radius:var(--blob-b)}
@media (min-width:700px){ .mm-ladder ol{grid-template-columns:repeat(2,1fr)} }
.mm-article h2[id]{scroll-margin-top:1rem}

/* cost bars */
.mm-cost-row{display:grid;grid-template-columns:1fr auto;gap:.3rem .8rem;align-items:center;background:var(--peach);border-radius:18px;padding:.65rem .9rem;margin-bottom:.55rem}
.mm-cost-row p{margin:0;line-height:1.35;grid-column:1 / -1}
.mm-cost-row b{display:block;font:700 1rem/1.3 var(--mm-display);color:var(--plum)}
.mm-cost-row p span{font-size:.88rem;color:var(--muted)}
.mm-cost-row strong{font:700 1.05rem/1 var(--mm-display);color:var(--plum);min-width:4.6rem;text-align:right}
.mm-bar{display:block;height:14px;border-radius:7px;background:var(--card)}
.mm-bar i{display:block;height:100%;border-radius:7px;background:var(--coral)}
.mm-bar-zero i{width:14px;background:var(--plum-3)}
.mm-cost-row.is-free{background:var(--coral-s)}
@media (min-width:700px){ .mm-cost-row{grid-template-columns:15rem 1fr 5rem} .mm-cost-row p{grid-column:auto} }

/* ---------------------------------------------------------------- home sections */
.mm-sec{max-width:var(--wrap);margin:0 auto;padding:2.2rem 1rem}
.mm-sec > h2{text-align:center;margin:0 auto .8rem}
.mm-sec > h2::after{margin:.55rem auto 0}
.mm-sec-intro{max-width:40rem;margin:0 auto 1.6rem;text-align:center;color:var(--muted);font-size:1.08rem}
.mm-three{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:600px){ .mm-three{grid-template-columns:repeat(2,1fr)} }
@media (min-width:980px){ .mm-three{grid-template-columns:repeat(3,1fr)} }
.mm-symptom{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);background:var(--card);border-radius:28px;
  padding:.7rem .7rem 1.15rem;box-shadow:inset 0 0 0 2px var(--line);transition:transform .18s ease,box-shadow .18s ease}
.mm-symptom:hover{color:var(--ink);transform:translateY(-3px);box-shadow:inset 0 0 0 2px var(--coral-l),6px 8px 0 var(--coral-s)}
.mm-sym-art{display:block;aspect-ratio:400/260;border-radius:20px;background:var(--peach);overflow:hidden;margin-bottom:.8rem}
.mm-sym-art img{display:block;width:100%;height:100%}
.mm-symptom b{display:block;padding:0 .45rem;font:700 1.18rem/1.3 var(--mm-display);color:var(--plum)}
.mm-symptom > span:last-child{display:block;padding:.3rem .45rem 0;font-size:.95rem;line-height:1.55;color:var(--muted)}
@media (max-width:599.98px){
  .mm-symptom{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto 1fr;column-gap:.85rem;padding:.6rem .8rem .8rem .6rem;border-radius:24px}
  .mm-sym-art{grid-row:1 / span 2;margin:0;border-radius:16px;align-self:start}
  .mm-symptom b{padding:.2rem 0 0;font-size:1.08rem}
  .mm-symptom > span:last-child{padding:.25rem 0 0;font-size:.92rem}
}
.mm-rules{position:relative;max-width:46rem;margin:0 auto}
.mm-rules::before{content:"";position:absolute;left:calc(1rem + 25px);top:2rem;bottom:2rem;border-left:3px dotted var(--coral-l);z-index:0}
.mm-rules .mm-rule{z-index:1}
.mm-refuse{display:grid;gap:1rem;align-items:center;max-width:58rem;margin:0 auto;background:var(--rose);padding:1.4rem 1.4rem 1rem;
  border-radius:48px 36px 56px 40px / 40px 56px 36px 52px}
.mm-refuse img{display:block;width:min(260px,76%);height:auto;margin:0 auto}
.mm-refuse h2{font-size:clamp(1.45rem,3.6vw,1.9rem);margin:0 0 .7rem}
@media (min-width:760px){ .mm-refuse{grid-template-columns:260px 1fr;padding:1.8rem 2.2rem 1.2rem} .mm-refuse img{width:100%} }
.mm-home .mm-cta{max-width:58rem;margin:2.2rem auto 0}
.mm-faq-home{max-width:58rem}
.mm-faq-home .mm-qa-grid{display:grid;gap:.85rem}
.mm-faq-home .mm-qa{margin:0}
@media (min-width:800px){ .mm-faq-home .mm-qa-grid{grid-template-columns:repeat(2,1fr)} }

/* blog cards */
.mm-post-card{display:grid;background:var(--card);border-radius:28px;box-shadow:inset 0 0 0 2px var(--line);padding:.7rem;margin:0 0 1.1rem}
.mm-post-thumb{display:block;aspect-ratio:400/260;border-radius:20px;background:var(--peach);overflow:hidden}
.mm-post-thumb img{display:block;width:100%;height:100%}
.mm-post-body{padding:.8rem .6rem .2rem}
.mm-post-card h2{font-size:1.35rem;margin:.1rem 0 .45rem}
.mm-post-card h2 a{color:var(--plum);text-decoration:none}
.mm-post-card h2 a:hover{color:var(--coral-t);text-decoration:underline}
@media (min-width:640px){ .mm-post-card{grid-template-columns:220px 1fr;gap:.4rem;align-items:center} }

/* ---------------------------------------------------------------- footer */
.mm-footer{position:relative;margin-top:5rem;background:var(--peach-2);color:var(--ink);font-size:.95rem;line-height:1.6}
.mm-footer::before{content:"";position:absolute;left:0;right:0;top:-38px;height:40px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V22C180 2 330 2 520 18S880 40 1060 20 1320 0 1440 14V40z' fill='%23ffe4d6'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.mm-footer-inner{max-width:var(--wrap);margin:0 auto;padding:1.6rem 1rem 1.4rem;display:grid;gap:1.2rem 1.5rem;grid-template-columns:repeat(2,1fr)}
.mm-footer-brand{grid-column:1 / -1}
.mm-footer-brand .mm-wordmark{margin-bottom:.5rem}
.mm-footer-brand p{max-width:34rem;color:var(--muted);margin:0}
.mm-footer h2{font:700 1.02rem/1.3 var(--mm-display);color:var(--plum);margin:0 0 .25rem}
.mm-footer ul{list-style:none;margin:0;padding:0}
.mm-footer li{margin:0}
.mm-footer li a{display:flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none}
.mm-footer li a:hover{color:var(--coral-t);text-decoration:underline}
.mm-footer-legal{border-top:2px solid var(--peach-3)}
.mm-footer-legal .mm-footer-inner2{max-width:var(--wrap);margin:0 auto;padding:1.1rem 1rem 1.6rem;font-size:.86rem;color:var(--muted)}
.mm-footer-legal p{margin:0 0 .6rem;max-width:52rem}
.mm-footer-legal a{color:var(--link);display:inline-flex;align-items:center;min-height:44px}
@media (min-width:900px){
  .mm-footer-inner{grid-template-columns:1.5fr 1fr 1fr 1fr;padding-top:2.2rem}
  .mm-footer-brand{grid-column:auto}
}

/* ---------------------------------------------------------------- motion
   Hover lifts only. Content is never hidden waiting for a scroll observer: full-page captures
   and the owner's single-file preview must show everything. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mm-symptom,.mm-btn{transition:none}
  .mm-symptom:hover,.mm-btn-plum:hover{transform:none}
}
@media (max-width:520px){ body{font-size:1rem} .mm-lede{font-size:1.07rem;padding:1.05rem 1.1rem} .mm-rule{padding-left:4.4rem} .mm-rule::before{width:44px;height:44px;font-size:1.2rem} .mm-rules::before{left:calc(1rem + 21px)} }