/* mm-pc-* sections for the wide_pages; linked from pages/show only. */
.mm-pc-grid > .mm-card { display: flex; flex-direction: column; }
.mm-pc-grid > .mm-card > :last-child:has(> .mm-lnk) { margin-top: auto; align-self: flex-start; }
.mm-pc-sec { margin-top: var(--mm-sec-y); }
.mm-pc-sec > h2, .mm-pc-sec > div:not(.mm-card) > h2 { max-width: 22ch; margin: 0 0 16px; font-size: var(--mm-fs-h2); line-height: 1.15; letter-spacing: -.01em; }
.mm-pc-sec > h2 + p, .mm-pc-intro { margin: 0 0 32px; font-size: var(--mm-fs-lead); line-height: 1.55; }
.mm-pc-sec:not(.mm-wish) > h2 + p { color: var(--mm-muted); }
.mm-pw :is(.mm-card, .mm-wish, .mm-pc-lead, .mm-pc-icard, .mm-pc-hl, .mm-pc-quote, .mm-pc-qa, .mm-pc-steps > li) > :last-child { margin-bottom: 0; }
.mm-pw .mm-card > h2 { font-size: 20px; }
.mm-pw .mm-card h3 { font: 600 20px/1.3 var(--mm-font-body); margin: 0 0 8px; }
.mm-pc-grid, .mm-pc-split, .mm-pc-stack { display: grid; gap: 24px; align-items: start; }
.mm-pc-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); align-items: stretch; }
.mm-pc-grid p { margin: 0 0 8px; color: var(--mm-muted); }
.mm-pw .mm-pc-grid > .mm-card > h3 { margin-bottom: 16px; }
@media (min-width: 1024px) { .mm-pc-split { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; } }
.mm-pc-lilac { background: var(--mm-lilac); border-color: var(--mm-lilac); }
.mm-pc-cream { background: var(--mm-cream); border-color: var(--mm-cream); }
.mm-pc-btns, .mm-pc-facts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 32px 0 0; padding: 0; list-style: none; }
.mm-pc-facts { gap: 8px 32px; margin: 0; }
.mm-pc-checks, .mm-pw .mm-chips { margin: 0; padding: 0; list-style: none; }
.mm-pc-checks { display: grid; gap: 12px; }
.mm-pc-checks.mm-pc-cols { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 16px 24px; }
.mm-pc-checks > li { position: relative; padding-left: 32px; }
.mm-pc-checks > li::before { content: ""; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--mm-gold); }
.mm-pc-checks > li::after { content: ""; position: absolute; left: 7px; top: 7px; width: 6px; height: 10px; border: solid var(--mm-ink); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.mm-pc-founder { display: flex; align-items: center; gap: 16px; }
.mm-pc-av { flex: none; display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 50%; background: var(--mm-ink); color: var(--mm-gold); font: 600 25px/1 var(--mm-font-display); }
.mm-pc-sec :is(.mm-pc-checks, .mm-pc-grid, .mm-pc-icards, .mm-pc-steps, .mm-pc-rates, .mm-pc-quotes, .mm-pc-faqs, .mm-pc-glance) + * { margin-top: 24px; }
.mm-pkg .mm-pc-tag { align-self: flex-start; margin: 0 0 16px; padding: 4px 12px; border-radius: 999px; background: var(--mm-ink-3); color: var(--mm-gold); font-size: 12px; font-weight: 600; }
.mm-pc-feat { box-shadow: inset 0 0 0 2px var(--mm-gold); }
.mm-pc-form { box-shadow: 0 24px 48px -24px rgba(35, 28, 90, .2); }
.mm-pc-form > p { margin: 0 0 8px; color: var(--mm-muted); }
.mm-pc-form :is(input, textarea, select) { max-width: none; }
.mm-pc-form button[type=submit] { width: 100%; margin-top: 24px; background: var(--mm-gold); color: var(--mm-ink); }
/* Section patterns P0-P11 (docs/themes.md §9), compact for the 16 KiB budget. */
.mm-pc-kick{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:var(--mm-ink-3);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}
.mm-pc-kick::before{content:"";width:24px;height:2px;background:var(--mm-gold)}
:is(.mm-wish,.mm-pc-lead,.mm-pc-hl--ink) .mm-pc-kick{color:var(--mm-gold)}
.mm-pc-lead{padding:48px;border-radius:32px;background:var(--mm-ink);color:#FFF}
.mm-pc-lead .mm-pc-intro{max-width:60ch;color:var(--mm-on-ink)}
:is(.mm-pc-lead,.mm-pc-hl--ink) :is(h2,h3,strong){color:#FFF}
.mm-pc-statbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0;margin:0;padding:32px 0 0;border-top:1px solid var(--mm-ink-line);list-style:none}
.mm-pc-statbar>li{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0}
.mm-pc-statbar>li:nth-child(even){padding-left:24px;border-left:1px solid var(--mm-ink-line)}
.mm-pw .mm-pc-statbar strong{color:var(--mm-gold);font:600 clamp(20px,6vw,31px)/1.1 var(--mm-font-display);overflow-wrap:anywhere}
.mm-pc-statbar span{color:var(--mm-on-ink);font-size:14px}
.mm-pc-icards{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.mm-pc-icards:where(:not(:has(p))){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mm-pc-icard{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:var(--mm-card-p);border:1px solid var(--mm-line);border-radius:var(--mm-r-card);background:#FFF}
.mm-pw .mm-pc-icard h3{margin:16px 0 8px}
.mm-pw .mm-pc-icard h3:last-child{margin-bottom:0}
.mm-pc-icard p{margin:0 0 8px;color:var(--mm-muted)}
.mm-pc-icard>:nth-child(n+4):last-child{margin-top:auto;padding-top:16px}
:is(.mm-pc-icard,.mm-pc-btns) .mm-btn{max-width:100%;padding-block:8px;white-space:normal;text-align:center;overflow-wrap:anywhere}
.mm-pc-note{font-size:14px}
.mm-pc-icard .mm-pc-price{color:var(--mm-ink);font-size:14px}
.mm-pc-price strong{font:600 20px/1.2 var(--mm-font-display)}
.mm-pc-steps{display:grid;gap:24px;margin:0;padding:0;list-style:none;counter-reset:mm-step}
.mm-pc-steps>li{position:relative;min-height:48px;margin:0;padding-left:64px;counter-increment:mm-step}
.mm-pc-steps>li::before{content:counter(mm-step);position:absolute;z-index:1;left:0;top:0;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--mm-ink);color:#FFF;font:600 16px/1 var(--mm-font-display)}
.mm-pc-steps>li:last-child::before{background:var(--mm-gold);color:var(--mm-ink)}
.mm-pc-steps>li::after{content:"";position:absolute;left:21px;top:44px;bottom:-24px;width:2px;background:var(--mm-line)}
.mm-pc-steps>li:last-child::after{content:none}
.mm-pw .mm-pc-steps h3{margin:10px 0 4px;font-size:18px}
.mm-pc-steps p,.mm-pc-qa p{margin:0 0 8px;color:var(--mm-muted)}
.mm-pc-hl{min-width:0;padding:32px;border-radius:var(--mm-r-card)}
.mm-pc-hl--ink{background:var(--mm-ink);color:#FFF}
.mm-pc-hl--ink p{color:var(--mm-on-ink)}
:is(.mm-pc-lead,.mm-pc-hl--ink) a:not(.mm-btn),:is(.mm-pc-lead,.mm-pc-hl--ink) a:not(.mm-btn):hover{color:#FFF}
.mm-pc-hl--lilac{background:var(--mm-lilac)}
.mm-pc-hl .mm-pc-cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}
.mm-pc-hl--ink .mm-pc-av{background:var(--mm-gold);color:var(--mm-ink)}
.mm-pc-hl .mm-pc-facts{margin-top:24px;padding-top:20px;border-top:1px solid var(--mm-ink-line);font-size:14px}
.mm-pc-hl--cream{background:var(--mm-cream)}
.mm-pc-hl--tight{padding:24px 28px}
.mm-pw .mm-pc-hl--tight>h3{margin-bottom:4px;font-size:20px}
.mm-pc-hl--tight>p{margin:0 0 16px}
.mm-pc-hl--tight .mm-pc-kick{margin-bottom:10px}
.mm-pc-hl--tight .mm-chips{gap:6px}
.mm-pc-hl--tight .mm-chip{min-height:30px;padding:0 12px;font-size:13px}
.mm-pw .mm-pc-hl>:is(h2,h3){margin:0 0 12px;font-size:var(--mm-fs-h3b)}
.mm-pw .mm-pc-hl>h2{margin-bottom:24px}
.mm-pc-quotes{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.mm-pc-quote{display:flex;flex-direction:column;max-width:none;margin:0;padding:24px;border:0;border-radius:var(--mm-r-card);background:var(--mm-surface)}
.mm-pc-quote::before{content:"\201C";height:40px;color:var(--mm-gold);font:600 72px/1 var(--mm-font-display)}
.mm-pc-quote p{margin:0 0 16px;line-height:1.6}
.mm-pc-sec>.mm-pc-quote p{font-size:var(--mm-fs-lead)}
.mm-pc-quote .mm-pc-by{margin:auto 0 0;padding-top:8px;color:var(--mm-muted);font-size:14px}
.mm-pc-by strong{display:block;color:var(--mm-ink);font-size:16px}
.mm-pc-rates table{display:table;overflow:hidden;border:1.5px solid #E3DEFF;border-radius:16px;border-collapse:separate;border-spacing:0}
.mm-pc-rates :is(th,td){padding:16px 20px;overflow-wrap:anywhere}
.mm-pc-rates tr:nth-child(even) td{background:var(--mm-surface)}
.mm-pc-rates strong{color:var(--mm-ink)}
.mm-pc-rates :where(tfoot) td{border-top:1px solid var(--mm-line);background:var(--mm-surface);color:var(--mm-muted);font-size:14px}
.mm-pc-k{display:none}
.mm-pc-at{display:inline-block;text-decoration:inherit}
.mm-pc-big{margin:16px 0 8px}
.mm-pw .mm-pc-big strong{color:var(--mm-gold);font:600 31px/1.1 var(--mm-font-display)}
.mm-pc-cta .mm-pc-btns{margin-top:24px}
@media (min-width: 768px) { .mm-pc-sec.mm-pc-cta{padding:28px 40px} }
.mm-pc-cta>p{max-width:60ch;margin:0}
.mm-pc-cta>.mm-pc-kick{margin-bottom:12px}
.mm-pw .mm-pc-cta>h2{margin-bottom:6px;font-size:var(--mm-fs-h3b)}
.mm-pc-checks--no>li::before{background:var(--mm-lilac);box-shadow:inset 0 0 0 1.5px var(--mm-ink-line)}
.mm-pc-checks--no>li::after{left:0;top:3px;width:20px;height:20px;border:0;background:linear-gradient(var(--mm-ink),var(--mm-ink)) center/10px 2px no-repeat,linear-gradient(var(--mm-ink),var(--mm-ink)) center/2px 10px no-repeat}
.mm-pc-faqs{display:grid;grid-template-columns:minmax(0,1fr);column-gap:48px}
.mm-pc-qa{padding:24px 0;border-top:1px solid var(--mm-line)}
.mm-pw .mm-pc-qa h3{margin:0 0 8px;font-size:18px}
.mm-pc-glance{display:grid;grid-template-columns:minmax(0,1fr);margin:0}
.mm-pc-glance>dt{padding-top:12px;border-top:1px solid var(--mm-line);color:var(--mm-muted);font-size:14px;font-weight:600}
.mm-pc-glance>dd{margin:0;padding:2px 0 12px;font-weight:600;overflow-wrap:anywhere}
.mm-pc-ic{--s:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5M7.5 12l2-2 1.5 1.5L13.5 9'/%3E%3Csvg x='24'%3E%3Cpath d='M3 10v4h3l6 4V6l-6 4zM16 9a4 4 0 0 1 0 6m3-8.5a8 8 0 0 1 0 11'/%3E%3C/svg%3E%3Csvg x='48'%3E%3Cpath d='M6 3h8l4 4v14H6zm8 0v4h4M9 12h6m-6 4h6'/%3E%3C/svg%3E%3Csvg x='72'%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='6' r='2.5'/%3E%3Ccircle cx='18' cy='18' r='2.5'/%3E%3Cpath d='m8.2 10.8 7.6-3.6m-7.6 6 7.6 3.6'/%3E%3C/svg%3E%3Csvg x='96'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 8h18m-11 4-2 2 2 2m4-4 2 2-2 2'/%3E%3C/svg%3E%3Csvg x='120'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18M9 9v12'/%3E%3C/svg%3E%3Csvg x='144'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='m21 16-5-5-9 9'/%3E%3C/svg%3E%3Csvg x='168'%3E%3Cpath d='M4 4v16h16M8 16v-4m4 4V8m4 8v-6'/%3E%3C/svg%3E%3Csvg x='192'%3E%3Crect x='2' y='4' width='20' height='16' rx='3'/%3E%3Cpath d='m2 7 10 6 10-6'/%3E%3C/svg%3E%3Csvg x='216'%3E%3Cpath d='M21 12a8 8 0 0 1-11.8 7L4 20l1.1-4.6A8 8 0 1 1 21 12zM8.5 12h.01M12 12h.01M15.5 12h.01'/%3E%3C/svg%3E%3Csvg x='240'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E%3Csvg x='264'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E%3Csvg x='288'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E%3Csvg x='312'%3E%3Cpath d='M10 14a4.5 4.5 0 0 0 6.4 0l3-3a4.5 4.5 0 0 0-6.4-6.4l-1.2 1.2M14 10a4.5 4.5 0 0 0-6.4 0l-3 3a4.5 4.5 0 0 0 6.4 6.4l1.2-1.2'/%3E%3C/svg%3E%3Csvg x='336'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-2.9-5.6 2.9 1.1-6.2L3 9.6l6.2-.9z'/%3E%3C/svg%3E%3Csvg x='360'%3E%3Cpath d='M12 3 4 6v6c0 4.5 3.4 8 8 9 4.6-1 8-4.5 8-9V6z'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E%3C/svg%3E");flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--mm-r-ctl);background:var(--mm-lilac);color:var(--mm-ink-3)}
.mm-pc-ic::before{content:"";width:24px;height:24px;background:currentColor;-webkit-mask:var(--s) var(--x) 0/384px 24px no-repeat;mask:var(--s) var(--x) 0/384px 24px no-repeat}
.mm-pc-ic--seo{--x:0}
.mm-pc-ic--ads{--x:-24px}
.mm-pc-ic--content{--x:-48px}
.mm-pc-ic--social{--x:-72px}
.mm-pc-ic--web{--x:-96px}
.mm-pc-ic--design{--x:-120px}
.mm-pc-ic--graphics{--x:-144px}
.mm-pc-ic--chart{--x:-168px}
.mm-pc-ic--mail{--x:-192px}
.mm-pc-ic--chat{--x:-216px}
.mm-pc-ic--phone{--x:-240px}
.mm-pc-ic--pin{--x:-264px}
.mm-pc-ic--clock{--x:-288px}
.mm-pc-ic--link{--x:-312px}
.mm-pc-ic--star{--x:-336px}
.mm-pc-ic--shield{--x:-360px}
@media (min-width: 560px) {
.mm-pc-icards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 768px) {
.mm-pc-statbar{grid-template-columns:repeat(4,minmax(0,1fr))}
.mm-pc-statbar>li:nth-child(n){padding-left:24px;border-left:1px solid var(--mm-ink-line)}
.mm-pc-statbar>li:nth-child(4n+1){padding-left:0;border-left:0}
.mm-pc-sec>.mm-pc-quote{padding:40px 48px}
.mm-pc-glance{grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:24px}
.mm-pc-glance>dd{padding-top:12px;border-top:1px solid var(--mm-line)}
}
@media (min-width: 1024px) {
.mm-pw .mm-pc-statbar strong{font-size:39px}
.mm-pc-icards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mm-pc-icards--3,.mm-pc-quotes{grid-template-columns:repeat(3,minmax(0,1fr))}
.mm-pc-faqs{grid-template-columns:repeat(2,minmax(0,1fr))}
.mm-pc-sec>.mm-pc-hl .mm-pc-glance{grid-template-columns:repeat(2,minmax(0,2fr) minmax(0,3fr))}
.mm-pc-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:center}
.mm-pc-cta>*{grid-column:1}
.mm-pc-cta>.mm-pc-btns{grid-column:2;grid-row:1/span 8;justify-content:flex-end;margin:0}
.mm-pc-sec>.mm-pc-steps{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.mm-pc-sec>.mm-pc-steps>li{padding:64px 0 0}
.mm-pc-sec>.mm-pc-steps>li::after{left:56px;right:-12px;top:21px;bottom:auto;width:auto;height:2px}
.mm-pc-split>div>.mm-pc-steps:only-child{margin-top:30px}
}
/* Name-only tiles: icon beside the name where wide enough. */
@media (min-width: 560px) and (max-width: 1023.98px), (min-width: 1280px) {
.mm-pc-icard:not(:has(p)){flex-direction:row;align-items:center;gap:16px}
.mm-pw .mm-pc-icard:not(:has(p)) h3{margin:0;font-size:18px}
}
@media (max-width: 559.98px) {
.mm-pc-icard:has(p){display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;align-items:center}
.mm-pc-icard:has(p)>:not(.mm-pc-ic,h3){grid-column:1/-1}
.mm-pw .mm-pc-icard:has(p) h3{margin:0}
.mm-pc-icard:has(p)>h3+*{margin-top:12px}
.mm-pw .mm-pc-icard:not(:has(p)) h3{font:600 16px/1.3 var(--mm-font-body)}
}
@media (max-width: 767.98px) {
.mm-pc-lead{padding:32px 24px}
.mm-pc-hl{padding:var(--mm-card-p)}
.mm-pc-rates thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.mm-pc-rates :is(table,tbody,tfoot,tr,td){display:block;border:0}
.mm-pc-rates table{display:flex;flex-direction:column}
.mm-pc-rates tfoot{order:1}
.mm-pc-rates tr{margin:0 0 16px;padding:4px 20px;border:1.5px solid #E3DEFF;border-radius:16px}
.mm-pc-rates :is(tr:nth-child(even) td,td){padding:12px 0;background:none}
.mm-pc-rates td+td{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:4px 8px;border-top:1px solid var(--mm-line)}
.mm-pc-k{display:block;margin-right:auto;color:var(--mm-muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
}
.mm-phero-follow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
.mm-pw .mm-pc-reach>h3{margin:0 0 16px;font-size:18px}
.mm-pc-reach ul{display:grid;gap:20px;margin:0;padding:0;list-style:none}
.mm-pc-reach li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 12px;align-items:center;margin:0!important}
.mm-pc-reach .mm-pc-ic{grid-area:1/1/span 2;width:32px;height:32px;border-radius:8px}
.mm-pc-reach .mm-pc-ic::before{transform:scale(.75)}
.mm-pc-reach p{grid-column:2;margin:0;line-height:1.4}
.mm-pc-reach .mm-pc-ml{color:var(--mm-muted);font-size:12px;font-weight:600}
.mm-pc-reach p:not(.mm-pc-ml){font-size:15px;font-weight:600}
.mm-pc-reach a{font-size:15px;font-weight:600;overflow-wrap:anywhere}
.mm-pc-reach small{margin:0 10px 0 4px;color:var(--mm-muted);font-size:12px}
.mm-pc-reach a[href^="tel"]{white-space:nowrap}
.mm-pw--advertise-with-us :is(p,.mm-pc-intro){max-width:none}