/* ==========================================================================
   Pages: prescription upload, home search hero, content pages.
   ========================================================================== */

/* ---- Prescription upload ---- */
.mm-rxp { padding-bottom: 56px; }

.mm-rxp__head h1 { font-size: clamp(28px, 4vw, 40px); margin: 0 0 6px; }

.mm-rxp__head p { color: var(--mute); max-width: 62ch; }

.mm-rxp__steps { list-style: none; margin: 18px 0 24px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }

.mm-rxp__steps li { display: flex; gap: 12px; align-items: flex-start; padding: 14px; background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); }

.mm-rxp__n { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 12px; background: var(--soft); color: var(--pri); }

.mm-rxp__n .mm-ico { width: 20px; height: 20px; }

.mm-rxp__steps b { display: block; color: var(--ink); font-size: 15px; }

.mm-rxp__steps small { color: var(--mute); font-size: 13.5px; line-height: 1.4; display: block; }

.mm-rxp__grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 22px; align-items: start; }

.mm-rxp__card { padding: 24px; }

.mm-rxp__fields { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 18px; }

.mm-rxp__side { display: grid; gap: 14px; }

.mm-rxp__side h3 { font-size: 16px; margin: 0 0 10px; }

.mm-tips ul { margin: 0; padding-left: 1.1em; color: var(--body); font-size: 14px; display: grid; gap: 6px; }

.mm-rxfiles { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }

.mm-rxfiles li { display: flex; align-items: center; gap: 10px; }

.mm-rxfiles .mm-ico { width: 20px; height: 20px; color: var(--pri); }

.mm-rxfiles span { flex: 1; min-width: 0; }

.mm-rxfiles b { display: block; font-size: 14px; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mm-rxfiles small { color: var(--mute); font-size: 12.5px; }

.mm-rxfiles em { font-style: normal; }

.mm-drop { position: relative; }

.mm-drop__area { display: grid; justify-items: center; gap: 6px; padding: 32px 16px; text-align: center; border: 2px dashed #cbbff0; border-radius: var(--r-lg); background: var(--soft); cursor: pointer; transition: background .15s, border-color .15s; }

.mm-drop.is-over .mm-drop__area,.mm-drop__area:hover { border-color: var(--pri); background: var(--soft-2); }

.mm-drop__ico { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #fff; color: var(--pri); box-shadow: var(--sh-sm); }

.mm-drop__ico .mm-ico { width: 26px; height: 26px; }

.mm-drop__area strong { font-size: 17px; color: var(--ink); }

.mm-drop__or { font-size: 13px; color: var(--mute); }

.mm-drop__area small { color: var(--mute); }

.mm-drop__file { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1.5px solid var(--teal); border-radius: var(--r-lg); background: var(--teal-bg); }

.mm-drop__file[hidden] { display: none; }

.mm-drop__file .mm-ico { width: 24px; height: 24px; color: var(--teal-ink); }

.mm-drop__file span { flex: 1; min-width: 0; }

.mm-drop__file b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }

.mm-drop__file small { color: var(--teal-ink); }

.mm-drop .mm-sr:focus-visible + .mm-drop__area { outline: 3px solid var(--focus); outline-offset: 2px; }

@media (max-width: 960px) { .mm-rxp__grid { grid-template-columns: 1fr; }
 .mm-rxp__steps { grid-template-columns: 1fr; }
 .mm-rxp__fields { grid-template-columns: 1fr; }
}


/* Order progress inside the signed-in home card */
.mm-rcard .mm-bar { margin: 14px 0 18px; }


.mm-rxp__done { text-align: center; padding: 24px 8px; }

.mm-rxp__done h2 { margin: 6px 0; }

.mm-rxp__done p { color: var(--mute); max-width: 44ch; margin: 0 auto 8px; }

.mm-faq {background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:10px}

.mm-faq summary {font-weight:600;color:var(--ink);cursor:pointer}

.mm-faq p {margin:8px 0 0;color:var(--mute);font-size:14px}

.mm-steps {list-style:none;margin:28px 0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

.mm-steps li {display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-weight:600;color:var(--ink)}

.mm-steps b {font-family:var(--display);color:var(--pri)}

.mm-disclaimer {font-size:12.5px;color:var(--mute);border-top:1px solid var(--line);padding-top:16px;margin-top:32px}

@media(min-width:640px){
.mm-hero {padding:80px 28px}
}

.mm-hero::after {content:"";position:absolute;inset:0;background:radial-gradient(ellipse 500px 400px at 10% 60%,rgba(0,184,169,.16),transparent),radial-gradient(ellipse 400px 300px at 85% 20%,rgba(255,255,255,.06),transparent);pointer-events:none}

.mm-hero__dots {position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:18px 18px}

.mm-hero__inner {position:relative;z-index:2;max-width:640px;margin:auto;text-align:center}

.mm-hero__badge {display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);border-radius:99px;padding:6px 16px;font-size:12px;font-weight:600;color:#fff;margin-bottom:20px}

.mm-hero__badge .mm-ico {width:12px;height:12px}

.mm-hero h1 {font-size:clamp(34px,6vw,48px);font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:14px}

.mm-hero h1 em {font-style:normal;color:var(--mint)}

.mm-hero p {color:rgba(255,255,255,.92);font-size:17px;margin-bottom:34px}

.mm-hero__chips {display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:24px}

.mm-hero__chips a:hover {background:rgba(255,255,255,.25)}

.mm-review {margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:10px;height:100%}

.mm-review__top {display:flex;gap:12px;align-items:center}

.mm-review__av {display:flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;font-weight:800;font-family:var(--display)}

.mm-review blockquote {margin:0;font-size:14px;line-height:1.6;color:var(--body)}

.mm-review__prod {font-size:12px;font-weight:600;margin-top:auto}

.mm-bars {min-width:170px;display:grid;gap:4px}

.mm-bars div {display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mute)}

.mm-bars i {flex:1;height:6px;border-radius:99px;background:var(--bg-2);overflow:hidden}

.mm-bars b {display:block;height:100%;background:var(--amber)}

.mm-article-card {background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:.15s}

.mm-article-card:hover {box-shadow:var(--sh-md);transform:translateY(-2px)}

.mm-article-card__media .mm-ico {width:40px;height:40px}

.mm-article-card h3 a {color:var(--ink)}

.mm-article-card p {font-size:13px;color:var(--mute);margin:0}

.navigation.pagination {margin-top:32px;text-align:center}

.woocommerce-pagination {margin-top:32px;text-align:center}

.page-numbers {display:inline-flex;list-style:none;gap:6px;margin:0;padding:0}

.page-numbers li {display:inline}

a.page-numbers {display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;border:1.5px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;color:var(--body);font-weight:600;text-decoration:none}

span.page-numbers {display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;border:1.5px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;color:var(--body);font-weight:600;text-decoration:none}

.page-numbers .current {background:var(--pri);border-color:var(--pri);color:#fff}

span.page-numbers.current {background:var(--pri);border-color:var(--pri);color:#fff}

.nav-links {display:flex;gap:6px;justify-content:center;flex-wrap:wrap}

#reviews .commentlist {list-style:none;padding:0;display:grid;gap:12px}

#reviews .commentlist li .comment_container {display:flex;gap:14px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px}

#reviews .avatar {border-radius:50%}

#reviews .star-rating {display:block;font-size:0;height:14px;width:76px;position:relative;margin-bottom:6px;background:repeating-linear-gradient(90deg,var(--line) 0 12px,transparent 12px 15.2px)}

#reviews .star-rating span {display:block;position:absolute;left:0;top:0;height:14px;overflow:hidden;background:repeating-linear-gradient(90deg,var(--amber) 0 12px,transparent 12px 15.2px)}

#review_form .submit {background:var(--pri);color:#fff;border:0;border-radius:9px;padding:11px 22px;font-weight:600}

p.stars a {color:var(--amber);font-size:20px;margin-right:4px}

.alignwide {max-width:1100px;margin-inline:auto}

.alignfull {width:100vw;margin-left:calc(50% - 50vw)}

.wp-caption {max-width:100%}

.screen-reader-text {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.field {width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 14px;font:inherit;font-size:14px;outline:none;background:#fff;color:var(--ink)}

.field:focus {border-color:var(--pri);box-shadow:0 0 0 3px rgba(79,45,144,.12)}

.mm-rhome {background:var(--bg)}

.mm-rhome__hero {position:relative;overflow:hidden;color:#fff;padding:40px 0 96px}

.mm-rhome__dots {position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:18px 18px}

.mm-rhome__glow {position:absolute;inset:0;background:radial-gradient(ellipse 500px 380px at 10% 70%,rgba(0,184,169,.2),transparent)}

.mm-rhome__in {position:relative}

.mm-rhome__row {display:flex;justify-content:space-between;gap:16px;align-items:flex-start}

.mm-rhome__eyebrow {font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mint);margin:0 0 6px}

.mm-rhome h1 {font-size:clamp(28px,4.5vw,40px);color:#fff;font-weight:800;margin:0 0 8px}

.mm-rhome__sub {color:rgba(255,255,255,.92);max-width:520px;margin:0 0 24px}

.mm-rhome__acct {display:none;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);border-radius:99px;padding:6px 16px 6px 6px;color:#fff;font-weight:600;font-size:13px;text-decoration:none!important}

.mm-rhome__acct span {display:flex;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--pri);align-items:center;justify-content:center;font-weight:800}

@media(min-width:640px){
.mm-rhome__acct {display:inline-flex}
}

.mm-rhome__chips {display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}

.mm-rhome__chips a {border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;border-radius:99px;padding:7px 16px;font-size:13px;text-decoration:none!important;min-height:36px}

.mm-rhome__chips button {border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;border-radius:99px;padding:7px 16px;font-size:13px;text-decoration:none!important;min-height:36px}

.mm-rhome__chips a:hover {background:rgba(255,255,255,.25)}

.mm-rhome__chips button:hover {background:rgba(255,255,255,.25)}

.mm-rhome__pull {margin-top:-56px;position:relative;padding-bottom:32px}

.mm-quick {display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:18px}

@media(min-width:640px){
.mm-quick {grid-template-columns:1fr 1fr}
}

@media(min-width:1024px){
.mm-quick {grid-template-columns:repeat(4,1fr)}
}

.mm-quick a {display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;text-decoration:none!important;box-shadow:var(--sh-sm);transition:.15s}

.mm-quick a:hover {border-color:var(--pri-l);transform:translateY(-2px)}

.mm-quick__ico {display:flex;width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--pri);align-items:center;justify-content:center;flex:none}

.mm-quick__ico .mm-ico {width:20px;height:20px}

.mm-quick__txt {flex:1;min-width:0}

.mm-quick__txt strong {display:block;font-size:13.5px;color:var(--ink)}

.mm-quick__chev {color:var(--pri-xl);width:16px;height:16px}

.mm-rhome__two {display:grid;gap:16px;margin-bottom:22px}

@media(min-width:1024px){
.mm-rhome__two {grid-template-columns:1.3fr 1fr}

.mm-rhome__two--even {grid-template-columns:1fr 1fr}
}

.mm-rcard {background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--sh-sm)}

.mm-rcard__head {display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}

.mm-rcard__head h2 {font-size:20px;margin:0;font-weight:800}

.mm-rcard__head--row {align-items:center}

.mm-rcard__eyebrow {font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0 0 4px}

.mm-rcard__eyebrow--teal {color:var(--teal-d)}

.mm-rcard__ico {display:flex;width:44px;height:44px;border-radius:13px;background:var(--soft);color:var(--pri);align-items:center;justify-content:center;flex:none}

.mm-rcard__ico--teal {background:var(--teal-bg);color:var(--teal-d)}

.mm-rcard__ico--white {background:rgba(255,255,255,.18);color:#fff}

.mm-rcard__ico .mm-ico {width:21px;height:21px}

.mm-rcard__meta {display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--body)}

.mm-chip-teal {background:var(--teal-bg);color:var(--teal-d);border-radius:99px;padding:3px 12px;font-weight:700;font-size:12px}

.mm-rcard__btns {display:flex;gap:10px;flex-wrap:wrap}

.mm-rbtn {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:12px;padding:0 20px;font-weight:700;font-size:13.5px;border:1.5px solid var(--line);background:#fff;color:var(--ink);text-decoration:none!important}

.mm-rbtn .mm-ico {width:15px;height:15px}

.mm-rbtn:hover {border-color:var(--pri);color:var(--pri)}

.mm-rbtn--primary {background:var(--pri);border-color:var(--pri);color:#fff}

.mm-rbtn--primary:hover {background:var(--pri-d);color:#fff}

.mm-rbtn--teal {background:var(--teal);border-color:var(--teal);color:var(--ink)}

.mm-rbtn--teal:hover {background:var(--teal-d);color:#fff}

.mm-rbtn--grow {flex:1}

.mm-rbtn--clear {color:var(--mute)}

.mm-rempty {background:var(--bg);border:1px dashed var(--line);border-radius:14px;padding:22px;text-align:center}

.mm-rempty p {color:var(--mute);font-size:13.5px;margin:0 0 10px}

.mm-rempty a {font-weight:700;display:inline-flex;gap:6px;align-items:center}

.mm-rempty--note {display:flex;gap:12px;align-items:center;text-align:left}

.mm-rempty--note p {margin:0}

.mm-rempty--note .mm-ico {width:22px;height:22px;color:var(--pri);flex:none}

.mm-rcart {list-style:none;margin:0 0 12px;display:grid;gap:10px}

.mm-rcart li {display:flex;align-items:center;gap:12px}

.mm-rcart__img {width:48px;height:48px;border-radius:10px;background:#eceef0;overflow:hidden;flex:none}

.mm-rcart__img img {width:100%;height:100%;object-fit:contain}

.mm-rcart__txt {flex:1;min-width:0}

.mm-rcart__txt b {display:block;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.mm-rcart__txt small {font-size:12px;color:var(--mute)}

.mm-rcart li>span {font-weight:700;font-size:13px;color:var(--ink)}

.mm-rcart__tot {display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line-2);padding:12px 0;margin-bottom:12px;font-size:13px;color:var(--mute)}

.mm-rcart__tot strong {font-family:var(--display);font-size:20px;color:var(--ink)}

.mm-rsec {margin-bottom:22px}

.mm-rsec__head {display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}

.mm-rsec__head h2 {font-size:22px;margin:0;font-weight:800}

.mm-rlink {display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--pri);font-weight:700;font-size:13px;text-decoration:none!important}

.mm-rlink .mm-ico {width:14px;height:14px}

.mm-rrecent {display:grid;gap:8px}

.mm-rrecent a {display:flex;align-items:center;gap:12px;border:1.5px solid var(--line-2);border-radius:14px;padding:12px;text-decoration:none!important;background:var(--bg)}

.mm-rrecent a:hover {border-color:var(--pri-l)}

.mm-rrecent__ico {display:flex;width:38px;height:38px;border-radius:11px;background:#fff;color:var(--pri);align-items:center;justify-content:center;flex:none}

.mm-rrecent__ico .mm-ico {width:18px;height:18px}

.mm-rrecent__txt {flex:1;min-width:0}

.mm-rrecent__txt b {display:block;font-size:13.5px;color:var(--ink)}

.mm-rrecent__txt small {display:flex;align-items:center;gap:4px;font-size:12px;color:var(--mute)}

.mm-rrecent__txt small .mm-ico {width:11px;height:11px}

.mm-rrecent__end {text-align:right}

.mm-rrecent__end b {display:block;font-size:13.5px;color:var(--ink)}

.mm-rrecent__end small {font-size:12px;color:var(--teal-d);font-weight:600}

.mm-rrecent__chev {color:var(--pri-xl);width:15px;height:15px}

.mm-rcard--care {background:linear-gradient(140deg,#351e63,var(--pri) 60%,#6a45b4);border:0;color:#fff}

.mm-rcard--care h2 {color:#fff}

.mm-rcard--care .mm-rcard__eyebrow {color:var(--mint)}

.mm-care {display:grid;gap:10px}

.mm-care a {display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);border-radius:14px;padding:12px 14px;color:#fff;text-decoration:none!important}

.mm-care a:hover {background:rgba(255,255,255,.18)}

.mm-care a>span:first-child {display:flex;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.18);align-items:center;justify-content:center;flex:none}

.mm-care a>span:nth-child(2) {flex:1;min-width:0}

.mm-care b {display:block;font-size:13.5px}

.mm-care small {display:block;font-size:12px;color:rgba(255,255,255,.9)}

.mm-care .mm-ico {width:17px;height:17px}

#reviews .woocommerce-Reviews-title {font-size:18px}

.mm-steps3 {display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px}

.mm-steps3 span {display:flex;width:36px;height:36px;border-radius:50%;background:var(--bg);color:var(--mute);align-items:center;justify-content:center}

.mm-steps3 span.is-on {background:var(--pri);color:#fff}

.mm-steps3 .mm-ico {width:16px;height:16px}

.mm-steps3 i {flex:0 0 36px;height:2px;background:var(--line)}

#review_form .comment-form-rating select {width:auto;border:1.5px solid var(--line);border-radius:10px;padding:8px 12px}

.mm-ec {max-width:1100px;margin:0 auto}

.mm-ec__hero {max-width:720px;margin:0 auto;padding:36px 0 24px;text-align:center}

.mm-ec__art {height:190px;width:auto;display:block;margin:0 auto}

.mm-ec__hero h1 {font-family:var(--display);font-size:24px;font-weight:800;margin:24px 0 0}

.mm-ec__hero p {max-width:380px;margin:8px auto 0;font-size:14px;line-height:1.6;color:#4f5565}

.mm-ec__btn {margin-top:28px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:240px;padding:14px 32px;border:0;border-radius:12px;background:var(--pri);color:#fff;font:700 14px var(--font);cursor:pointer;box-shadow:0 2px 14px rgba(79,45,144,.09);transition:background .15s}

.mm-ec__btn:hover {background:var(--pri-d)}

.mm-ec__btn .mm-ico {width:16px;height:16px}

.mm-ec__perks {max-width:900px;margin:40px auto 0;padding-top:40px;border-top:1px solid var(--line-2);display:grid;grid-template-columns:repeat(3,1fr)}

.mm-ec__perk {padding:0 24px;text-align:center}

.mm-ec__perk+.mm-ec__perk {border-left:1px solid var(--line)}

.mm-ec__ico {width:44px;height:44px;margin:0 auto;border-radius:50%;border:1px solid var(--soft-2);background:var(--soft);color:var(--pri);display:flex;align-items:center;justify-content:center}

.mm-ec__ico .mm-ico {width:20px;height:20px}

.mm-ec__perk h2 {font-family:var(--font);font-size:14px;font-weight:700;margin:12px 0 4px}

.mm-ec__perk p {margin:0;font-size:13px;line-height:1.6;color:#4f5565}

@media(max-width:640px){
.mm-ec__perks {grid-template-columns:1fr;gap:32px}

.mm-ec__perk+.mm-ec__perk {border-left:0}

.mm-ec__hero h1 {font-size:20px}

.mm-ec__art {height:160px}
}

.mm-hero {position:relative;overflow:hidden;padding:56px 28px 60px}

@media(max-width:639px){
.mm-hero {padding:24px 16px 20px}

.mm-hero__badge {margin-bottom:12px;padding:5px 12px}

.mm-hero h1 {font-size:28px;margin-bottom:8px}

.mm-hero p {font-size:15px;margin-bottom:16px}

.mm-hero__chips {flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:14px -16px 0;padding:2px 16px;scrollbar-width:none;scroll-snap-type:x proximity}

.mm-hero__chips::-webkit-scrollbar {display:none}

.mm-hero__chips a {flex:none;white-space:nowrap;scroll-snap-align:start}
}

.mm-review__meta {display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}

.mm-review__ver {display:inline-flex;align-items:center;gap:4px;border-radius:99px;background:#e1f5e6;color:#14632a;padding:2px 10px 2px 8px;font-size:12px;font-weight:700}

.mm-review__ver .mm-ico {width:12px;height:12px}

.mm-review__top small {display:block;color:var(--mute);font-size:13px}

.mm-article-card__media {align-items:center;justify-content:center;position:relative;display:block;aspect-ratio:16/10;background:var(--soft);overflow:hidden}

.mm-article-card__media img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--soft)}

.mm-article-card__media img[data-fit="cover"] {object-fit:cover}

.mm-article-card__ph {position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--pri);text-align:center;padding:12px}

.mm-article-card__ph b {font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}

.mm-article-card__media.is-fallback .mm-article-card__ph {display:flex}

.mm-article-card__media.is-broken .mm-article-card__ph {display:flex}

.mm-article-card__media.is-broken img {display:none}

.mm-article-card__body {padding:16px;display:flex;flex-direction:column;gap:2px;flex:1}

.mm-article-card__cat {display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 4px;font-size:12px;font-weight:700;color:var(--pri);text-transform:uppercase;letter-spacing:.05em}

.mm-article-card__cat span:nth-child(3) {color:var(--mute);text-transform:none;letter-spacing:0;font-weight:600}

.mm-article-card h3 {font-size:17px;line-height:1.3;margin:0 0 6px}

.mm-article-card__excerpt {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.5;color:var(--mute);margin:0}

.mm-quick__txt small {display:block;font-size:12px;color:var(--mute)}

.mm-hero__chips a {border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:6px 16px;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;min-height:36px;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);color:#fff}

@media(forced-colors:active){
.mm-review__ver {border:1px solid CanvasText}
}


/* ---- Help & contact ---- */
.mm-contact { display: grid; gap: 28px; align-items: start; }

.mm-contact__ways { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 28px; }

.mm-contact__ways a { display: grid; justify-items: start; gap: 2px; padding: 14px; background: #fff; border: 1.5px solid var(--line); border-radius: var(--r-lg); color: var(--ink); text-decoration: none !important; min-width: 0; }

.mm-contact__ways a:hover { border-color: var(--pri-l); box-shadow: var(--sh-md); }

.mm-contact__ways span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 6px; border-radius: 50%; background: var(--tone-bg); color: var(--tone-fg); }

.mm-contact__ways small { color: var(--mute); font-size: 12px; overflow-wrap: anywhere; }

.mm-formcard { padding: 22px 20px; background: #fff; border: 1.5px solid var(--line); border-radius: var(--r-xl); box-shadow: var(--sh-md); }

.mm-formcard h2 { margin: 0 0 2px; font-size: 22px; }

.mm-formcard .mm-muted { margin: 0 0 16px; }

.mm-formcard .mm-hint { margin: 10px 0 0; text-align: center; font-size: 12.5px; color: var(--mute); }

.mm-formcard .mm-alert { margin-bottom: 14px; }

@media (max-width: 479px) { .mm-contact__ways { grid-template-columns: 1fr; }
 .mm-contact__ways a { grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; }
 .mm-contact__ways span { grid-row: span 2; margin: 0; }
}

@media (min-width: 960px) { .mm-contact { grid-template-columns: 1fr 460px; gap: 40px; }
 .mm-formcard { position: sticky; top: calc(var(--header-h) + 24px); padding: 28px; }
}


/* ---- Articles: call-outs, contents list, end-of-article prompt ---- */
.mm-prose h2,.mm-prose h3 { scroll-margin-top: calc(var(--header-h) + 70px); color: var(--ink); }

.mm-prose > p:first-of-type { font-size: 1.12em; color: var(--ink); }

.mm-callout { margin: 1.4em 0; }

.mm-callout > strong { display: block; margin-bottom: 2px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--pri); }

.mm-callout p { margin: 0; }

.mm-callout--tip { background: #e3f8f5; border-color: var(--teal); }
 .mm-callout--tip > strong { color: #007a70; }

.mm-callout--warn { background: #fff6d6; border-color: var(--yellow); }
 .mm-callout--warn > strong { color: #7a5a00; }

.mm-callout--key { background: var(--pri); border-color: var(--yellow); color: #fff; }
 .mm-callout--key > strong { color: var(--yellow); }

.mm-toc { margin: 1.4em 0; padding: 16px 20px; border: 1.5px solid var(--line); border-radius: var(--r-md); background: #fff; }

.mm-toc strong { display: block; margin-bottom: 6px; color: var(--ink); }

.mm-toc ol { margin: 0; padding-left: 1.3em; }
 .mm-toc li { margin: 3px 0; }


/* ---- Article (single post) ---- */
.mm-arthero { padding-bottom: 36px; }

.mm-arthero h1 { max-width: 22ch; font-size: clamp(28px, 4.6vw, 46px); line-height: 1.12; margin: 12px 0 14px; }

.mm-arthero__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; font-size: 14px; color: rgba(255, 255, 255, .85); }

.mm-arthero__meta > * + *::before { content: "·"; margin-right: 16px; opacity: .6; }

.mm-artgrid { display: grid; gap: 28px; padding-block: 32px 12px; }

.mm-artmain { min-width: 0; }

.mm-article-hero { margin: 0 0 28px; border-radius: var(--r-lg); overflow: hidden; background: var(--soft); }

.mm-article-hero img { display: block; width: 100%; height: auto; max-height: 460px; object-fit: cover; }

.mm-prose--article { font-size: 17.5px; line-height: 1.8; color: #2b2542; max-width: 70ch; }

.mm-prose--article > p:first-of-type { font-size: 1.15em; line-height: 1.65; color: var(--ink); }

.mm-prose--article h2 { font-size: 1.55em; line-height: 1.25; margin: 2em 0 .55em; padding-left: 14px; border-left: 5px solid var(--yellow); }

.mm-prose--article h3 { font-size: 1.2em; margin: 1.6em 0 .4em; color: var(--pri); }

.mm-prose--article ul { list-style: none; padding-left: 0; }

.mm-prose--article ul > li { position: relative; padding-left: 26px; }

.mm-prose--article ul > li::before { content: ""; position: absolute; left: 4px; top: .72em; width: 9px; height: 9px; border-radius: 50%; background: var(--teal); }

.mm-prose--article ol > li::marker { color: var(--pri); font-weight: 800; }

.mm-prose--article blockquote { background: var(--mist); border-left: 5px solid var(--pri-xl); font-size: 1.05em; }

.mm-prose--article a { color: var(--pri); font-weight: 600; }

.mm-artside { display: grid; gap: 16px; align-content: start; }

.mm-toc--inline { display: block; }

.mm-toc--side { display: none; }

.mm-toc a { color: var(--body); text-decoration: none; }

.mm-toc a:hover { color: var(--pri); }

.mm-artcard { padding: 18px; border: 1.5px solid var(--line); border-radius: var(--r-lg); background: #fff; }

.mm-artcard > strong { display: block; margin-bottom: 8px; color: var(--ink); font-family: var(--display); }

.mm-artcard p { margin: 0 0 12px; font-size: 14px; }

.mm-artcard--share div { display: flex; flex-wrap: wrap; gap: 8px; }

.mm-artcard--share a,.mm-artcard--share button { display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 12px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--body); font: 600 13px var(--font); text-decoration: none; }

.mm-artcard--share .mm-ico { width: 16px; height: 16px; color: var(--pri); }

.mm-artcard--help { background: var(--pri); border-color: var(--pri); color: #fff; }

.mm-artcard--help > strong { color: #fff; }

.mm-artcard--help p { color: rgba(255, 255, 255, .85); }

@media (min-width: 1024px) {
	.mm-artgrid { grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; }

	.mm-artside { position: sticky; top: calc(var(--header-h) + 76px); align-self: start; }

	.mm-toc--inline { display: none; }

	.mm-toc--side { display: block; margin: 0; }
}