/*
 * SolSEO marketing pages. Loaded after app.css by layout/public.php only.
 *
 * Every colour is a token from app.css :root or from the small marketing block
 * below, which adds the light-theme companions the design guide specifies
 * (accent ink, rank and severity colours, the one shadow token). Nothing in
 * this file is a gradient, a blob or a stock illustration: the product mocks
 * are HTML and the hero is flat midnight with one gold rule.
 *
 * Layout rule: main.mk-main is full width. A marketing section wraps itself in
 * .mk-band or .mk-section. Any child of main WITHOUT an mk- class (the docs
 * and news templates) falls back to the old 1120px centred measure, so those
 * pages keep their layout without being touched.
 */

:root{
  --mk-accent-ink:#0C5B9C;--mk-accent-lift:#63B8F7;--mk-accent-wash:rgba(28,138,230,.10);
  --mk-rank-up:#2E7D5A;--mk-rank-down:#C4342E;--mk-rank-same:#6B6659;
  --mk-sev-critical:#B3261E;--mk-sev-high:#B45309;--mk-sev-medium:#8A6D0B;--mk-sev-low:#41684A;
  --mk-line-strong:#8A8578;--mk-r:14px;--mk-r-control:8px;
  --mk-shadow:0 1px 2px rgba(7,7,49,.06),0 12px 28px -18px rgba(7,7,49,.25);
  --mk-frame-shadow:0 2px 4px rgba(0,0,0,.25),0 40px 80px -30px rgba(0,0,0,.6);
  --mk-wrap:1120px;--mk-gutter:24px;
  --mk-dark-up:#4FD1A5;--mk-dark-down:#FF7A70;--mk-dark-sev-high:#FFB26B;--mk-dark-sev-medium:#F0D06A;
}

/* ---- Base overrides for the light shell -------------------------------- */
html{scroll-behavior:smooth}
body.public{font-size:16px;line-height:1.6;overflow-x:clip}
.public h1{font:800 clamp(2.25rem,5.2vw,3.25rem)/1.05 var(--display);letter-spacing:-.02em;margin:0 0 16px}
.public h2{font:800 clamp(1.5rem,3vw,1.875rem)/1.15 var(--display);letter-spacing:-.015em;margin:0 0 16px}
.public h3{font:700 1.375rem/1.25 var(--display);margin:0 0 8px}
.public p{max-width:34em}
.public .lede{font-size:1.125rem;line-height:1.6;max-width:34em;color:var(--ink-muted)}
.public a{color:inherit}
.public .mk-link{color:var(--mk-accent-ink);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.public .mk-link:hover{color:var(--midnight)}
.public .eyebrow{font:700 .72rem var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);display:block;margin-bottom:12px}
.mk-dark .eyebrow{color:var(--gold)}
.mk-rule{display:block;width:60px;height:4px;background:var(--gold);border-radius:2px;margin:20px 0 24px}
.public .mk-num,.public .num{font-variant-numeric:tabular-nums}
.public .muted{color:var(--ink-muted)}
[x-cloak]{display:none!important}

/* Fallback for the docs and news templates, which render bare children. */
.mk-main>:not([class*="mk-"]){max-width:var(--mk-wrap);margin-left:auto;margin-right:auto;padding-left:var(--mk-gutter);padding-right:var(--mk-gutter)}
.mk-main>:not([class*="mk-"]):first-child{padding-top:64px}
.mk-main>:not([class*="mk-"]):last-child{padding-bottom:96px}
.mk-main>.faq,.mk-main>.public__grid{max-width:var(--mk-wrap)}
.mk-main>:not([class*="mk-"]) h2{margin-top:48px}

/* ---- Buttons ------------------------------------------------------------ */
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:var(--mk-r-control);font:700 15px var(--display);white-space:nowrap;transition:background-color var(--t) ease-out,border-color var(--t) ease-out,color var(--t) ease-out;border:1px solid transparent;cursor:pointer}
.mk-btn--gold{background:var(--gold);color:var(--midnight)}
.mk-btn--gold:hover{background:var(--gold-deep)}
.mk-btn--ghost{border-color:var(--ink-line);color:var(--ink);background:var(--card)}
.mk-btn--ghost:hover{border-color:var(--mk-line-strong)}
.mk-dark .mk-btn--ghost{border-color:rgba(238,234,224,.28);color:var(--fg);background:transparent}
.mk-dark .mk-btn--ghost:hover{border-color:var(--fg)}
.mk-btn--ink{background:var(--mk-accent-ink);color:#fff}
.mk-btn--ink:hover{background:var(--midnight)}
.mk-btn--sm{height:40px;padding:0 16px;font-size:14px}
.mk-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mk-actions__note{font-size:.8125rem;color:var(--ink-muted);width:100%;margin:4px 0 0}
.mk-dark .mk-actions__note{color:var(--muted)}
.public :focus-visible{outline:2px solid var(--mk-accent-ink);outline-offset:2px}
.mk-dark :focus-visible{outline-color:var(--gold)}

/* ---- Nav ---------------------------------------------------------------- */
.mk-nav{position:sticky;top:0;z-index:40;background:rgba(251,248,242,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color var(--t) ease-out,box-shadow var(--t) ease-out}
.mk-nav.is-scrolled{border-bottom-color:var(--ink-line);box-shadow:0 8px 24px -20px rgba(7,7,49,.35)}
.mk-nav__in{max-width:var(--mk-wrap);margin:0 auto;padding:0 var(--mk-gutter);height:64px;display:flex;align-items:center;gap:32px}
.mk-logo{display:flex;align-items:center;gap:10px;font:800 18px var(--display);letter-spacing:-.01em;color:var(--ink)}
.mk-logo img{width:28px;height:28px;border-radius:50%}
.mk-logo em{font-style:normal;color:var(--gold-deep)}
.mk-nav__links{display:flex;gap:4px;margin-left:8px}
.mk-nav__links a{display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:var(--mk-r-control);font:600 14px var(--display);color:var(--ink);transition:background-color var(--t) ease-out}
.mk-nav__links a:hover{background:rgba(7,7,49,.06)}
/* The page you are on, in both menus: a gold underline rather than a second
   filled pill, so it never reads as the thing to click next. */
.mk-nav__links a[aria-current="page"]{color:var(--mk-accent-ink);box-shadow:inset 0 -2px 0 var(--gold)}
.mk-drawer a[aria-current="page"]{color:var(--mk-accent-ink);box-shadow:inset 3px 0 0 var(--gold);padding-left:10px}
.mk-nav__right{margin-left:auto;display:flex;align-items:center;gap:8px}
.mk-nav__signin{display:inline-flex;align-items:center;height:40px;padding:0 12px;font:600 14px var(--display);border-radius:var(--mk-r-control)}
.mk-nav__signin:hover{background:rgba(7,7,49,.06)}
.mk-burger{display:none;width:44px;height:44px;border-radius:var(--mk-r-control);align-items:center;justify-content:center;color:var(--ink)}
.mk-burger svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.mk-drawer{display:none}
.mk-announce{background:var(--midnight);color:var(--gold);text-align:center;padding:8px 16px;font-size:14px}
.mk-announce a{color:inherit;text-decoration:underline}

/* ---- Bands and sections -------------------------------------------------- */
.mk-wrap{max-width:var(--mk-wrap);margin:0 auto;padding:0 var(--mk-gutter)}
.mk-wrap--narrow{max-width:1080px}
.mk-section{padding:96px 0}
.mk-section--tight{padding:64px 0}
.mk-section--loose{padding:128px 0}
.mk-band{background:var(--midnight);color:var(--fg)}
.mk-band--card{background:var(--card);color:var(--ink);border-top:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line)}
.mk-dark p{color:#F5F2EA}
.mk-dark .lede{color:#D9D4C7}
.mk-dark h1,.mk-dark h2,.mk-dark h3{color:var(--fg)}
.mk-dark .muted{color:var(--muted)}
.mk-split{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:center}
.mk-split--rev{grid-template-columns:5fr 7fr}
.mk-split--54{grid-template-columns:5fr 4fr}
.mk-split--rev>.mk-split__copy{order:2}
.mk-split--rev>.mk-split__mock{order:1}
.mk-split__copy>p{margin:0 0 16px}
.mk-list{margin:16px 0 24px;padding:0;list-style:none;max-width:34em}
.mk-list li{position:relative;padding-left:24px;margin-bottom:10px;line-height:1.55}
.mk-list li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:3px;background:var(--gold);border-radius:2px}
.mk-head{max-width:640px;margin-bottom:48px}
.mk-head--centre{margin-left:auto;margin-right:auto;text-align:center}
.mk-head--centre .eyebrow{text-align:center}
.mk-head--centre p{margin-left:auto;margin-right:auto}
.mk-crumbs{font-size:.8125rem;color:var(--muted);margin:0 0 20px}
.mk-dark .mk-crumbs a{color:var(--muted)}

/* ---- Hero ---------------------------------------------------------------- */
.mk-hero{background:var(--midnight);color:var(--fg);overflow:hidden;position:relative}
.mk-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(242,169,59,.35)}
.mk-hero__in{max-width:var(--mk-wrap);margin:0 auto;padding:96px var(--mk-gutter) 112px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,6fr);gap:48px;align-items:center}
.mk-hero--short .mk-hero__in{padding:72px var(--mk-gutter) 80px;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.mk-hero h1{color:var(--fg);max-width:14em}
.mk-hero h1 em{font-style:normal;color:var(--gold)}
.mk-hero .lede{color:#D9D4C7;margin:0 0 32px}
.mk-hero__mock{position:relative;justify-self:end;width:min(100%,640px)}
.mk-hero__bleed{margin-right:calc(-1 * clamp(0px,7vw,96px));width:calc(100% + clamp(0px,7vw,96px))}
.mk-hero__tilt{transform:perspective(2000px) rotateY(-7deg) rotateX(2deg);transform-origin:left center}
.mk-hero__enter{animation:mk-rise 600ms ease-out both}
.mk-hero__enter--2{animation-delay:80ms}
.mk-hero__enter--3{animation-delay:160ms}
.mk-hero__enter--4{animation-delay:240ms}
.mk-hero__enter--mock{animation-delay:200ms}
@keyframes mk-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.mk-hero__tilt.mk-hero__enter{animation-name:mk-rise-tilt}
@keyframes mk-rise-tilt{from{opacity:0;transform:perspective(2000px) rotateY(-7deg) rotateX(2deg) translateY(16px)}to{opacity:1;transform:perspective(2000px) rotateY(-7deg) rotateX(2deg)}}

/* ---- The product frame (dark, the dashboard shell in miniature) ---------- */
.mk-frame{background:var(--midnight-2);border:1px solid var(--line);border-radius:var(--mk-r);box-shadow:var(--mk-frame-shadow);color:var(--fg);font:400 12px/1.45 var(--body);overflow:hidden;text-align:left}
.mk-frame p{max-width:none;margin:0;color:inherit}
.mk-frame__bar{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--midnight)}
.mk-frame__site{display:inline-flex;align-items:center;gap:8px;font:600 12px var(--display);color:var(--fg)}
.mk-frame__site i{width:8px;height:8px;border-radius:2px;background:var(--gold)}
.mk-frame__mark{width:16px;height:16px;border-radius:50%;flex:none}
.mk-report__brand img{width:14px;height:14px;border-radius:50%;vertical-align:-2px;margin-right:6px}
.mk-frame__site small{font:400 11px var(--body);color:var(--muted)}
.mk-frame__tag{margin-left:auto;white-space:nowrap;font:700 10px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 8px}
.mk-frame__body{padding:14px;display:grid;gap:12px}
.mk-frame--light{background:var(--card);border-color:var(--ink-line);color:var(--ink);box-shadow:var(--mk-shadow)}
.mk-frame--light .mk-frame__bar{background:var(--paper);border-color:var(--ink-line)}
.mk-frame--light .mk-frame__site{color:var(--ink)}
.mk-frame--light .mk-frame__site small,.mk-frame--light .mk-frame__tag{color:var(--ink-muted);border-color:var(--ink-line)}

.mk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mk-stat{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.mk-stat__label{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-stat__value{font:700 20px/1 var(--display);font-variant-numeric:tabular-nums}
.mk-stat__delta{font-size:10.5px;font-weight:600}
.mk-stat__delta small{font-weight:400;color:var(--muted)}
.is-up{color:var(--mk-dark-up)}.is-down{color:var(--mk-dark-down)}.is-flat{color:var(--muted)}
.mk-frame--light .is-up{color:var(--mk-rank-up)}.mk-frame--light .is-down{color:var(--mk-rank-down)}.mk-frame--light .is-flat{color:var(--mk-rank-same)}

.mk-frame__cols{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px;align-items:start}
.mk-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}
.mk-panel__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);font:700 11.5px var(--display)}
.mk-panel__head small{font:400 10.5px var(--body);color:var(--muted)}
.mk-frame--light .mk-panel{background:var(--card);border-color:var(--ink-line)}
.mk-frame--light .mk-panel__head{border-color:var(--ink-line)}
.mk-frame--light .mk-stat{background:var(--paper);border-color:var(--ink-line)}
.mk-frame--light .mk-stat__label,.mk-frame--light .mk-panel__head small{color:var(--ink-muted)}

/* Trend chart: position axis inverted, 1 at the top. */
.mk-trend{display:block;width:100%;height:auto}
.mk-trend .grid{stroke:var(--line);stroke-width:1}
.mk-trend .axis{font:10px var(--body);fill:var(--muted);font-variant-numeric:tabular-nums}
.mk-trend .line{fill:none;stroke:var(--signal);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.mk-trend .line-2{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:3 3;opacity:.7}
.mk-trend .dot{fill:var(--signal)}
.mk-trend .band{fill:rgba(238,234,224,.05)}
.mk-trend .band-label{font:9px var(--body);fill:var(--muted)}
.mk-frame--light .mk-trend .grid{stroke:var(--ink-line)}
.mk-frame--light .mk-trend .axis,.mk-frame--light .mk-trend .band-label{fill:var(--ink-muted)}
.mk-frame--light .mk-trend .line{stroke:var(--mk-accent-ink)}
.mk-frame--light .mk-trend .dot{fill:var(--mk-accent-ink)}
.mk-frame--light .mk-trend .band{fill:rgba(7,7,49,.04)}
.mk-trend.is-drawn .line{stroke-dasharray:1200;stroke-dashoffset:1200;animation:mk-draw 400ms ease-out forwards}
@keyframes mk-draw{to{stroke-dashoffset:0}}
.mk-legend{display:flex;gap:14px;padding:6px 12px 10px;font-size:10.5px;color:var(--muted)}
.mk-legend i{display:inline-block;width:10px;height:2px;vertical-align:middle;margin-right:5px;background:var(--signal)}
.mk-legend i.alt{background:var(--muted)}
.mk-frame--light .mk-legend{color:var(--ink-muted)}
.mk-frame--light .mk-legend i{background:var(--mk-accent-ink)}

/* Rank table */
.mk-rank{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.mk-rank th{text-align:left;font:600 10.5px var(--display);letter-spacing:.04em;color:var(--muted);padding:8px 12px;border-bottom:1px solid var(--mk-line-strong);white-space:nowrap}
.mk-rank td{padding:0 12px;height:40px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}
.mk-rank tr:last-child td{border-bottom:0}
.mk-rank tbody tr{transition:opacity 200ms ease-out,background-color var(--t) ease-out}
.mk-rank tbody tr:hover{background:rgba(28,138,230,.10)}
.mk-rank tbody tr.is-leaving{opacity:0}
.mk-rank .kw{font-weight:600;max-width:190px;overflow:hidden;text-overflow:ellipsis}
.mk-rank .kw small{display:block;font-weight:400;font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.mk-rank .right,.mk-rank th.right{text-align:right}
.mk-rank .pos{font:700 15px var(--display)}
.mk-rank .delta{font-size:11px;font-weight:600;margin-left:6px}
.mk-rank .delta::before{display:inline-block;margin-right:3px;font-size:9px}
.mk-rank .is-up.delta::before{content:"\25B2"}
.mk-rank .is-down.delta::before{content:"\25BC"}
.mk-rank .is-flat.delta::before{content:"\2500"}
.mk-rank .spark{display:inline-block;width:72px;height:22px;vertical-align:middle}
.mk-rank .spark polyline{fill:none;stroke:var(--signal);stroke-width:1.5;stroke-linejoin:round}
.mk-rank .spark circle{fill:var(--signal)}
.mk-rank .aio{display:inline-block;width:9px;height:9px;border:1.5px solid var(--muted);transform:rotate(45deg);margin-right:4px;vertical-align:-1px}
.mk-rank .aio.is-cited{background:var(--muted)}
.mk-frame--light .mk-rank th{color:var(--ink-muted)}
.mk-frame--light .mk-rank td{border-color:var(--ink-line)}
.mk-frame--light .mk-rank .kw small{color:var(--ink-muted)}
.mk-frame--light .mk-rank .spark polyline{stroke:var(--mk-accent-ink)}
.mk-frame--light .mk-rank .spark circle{fill:var(--mk-accent-ink)}
.mk-frame--light .mk-rank .aio{border-color:var(--ink-muted)}
.mk-frame--light .mk-rank .aio.is-cited{background:var(--ink-muted)}
.mk-rank__foot{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;font-size:10.5px;color:var(--muted);border-top:1px solid var(--line)}
.mk-frame--light .mk-rank__foot{color:var(--ink-muted);border-color:var(--ink-line)}
.mk-rank__foot b{font-weight:600;color:inherit}

/* Health ring */
.mk-ring{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:12px}
.mk-ring svg{width:88px;height:88px;display:block}
.mk-ring .track{fill:none;stroke:var(--line);stroke-width:8}
.mk-ring .arc{fill:none;stroke:var(--mk-dark-up);stroke-width:8;stroke-linecap:butt;transform:rotate(-90deg);transform-origin:50% 50%}
.mk-ring .arc.band-medium{stroke:var(--mk-dark-sev-medium)}
.mk-ring .arc.band-high{stroke:var(--mk-dark-sev-high)}
.mk-ring .score{font:800 22px var(--display);fill:var(--fg);text-anchor:middle;font-variant-numeric:tabular-nums}
.mk-ring__text b{display:block;font:700 12px var(--display)}
.mk-ring__text span{display:block;font-size:11px;color:var(--muted);line-height:1.4}
.mk-frame--light .mk-ring .track{stroke:var(--ink-line)}
.mk-frame--light .mk-ring .arc{stroke:var(--mk-rank-up)}
.mk-frame--light .mk-ring .arc.band-medium{stroke:var(--mk-sev-medium)}
.mk-frame--light .mk-ring .arc.band-high{stroke:var(--mk-sev-high)}
.mk-frame--light .mk-ring .score{fill:var(--ink)}
.mk-frame--light .mk-ring__text span{color:var(--ink-muted)}

/* Movers */
.mk-movers{margin:0;padding:0;list-style:none}
.mk-movers li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:2px 10px;padding:8px 12px;border-bottom:1px solid var(--line);align-items:baseline}
.mk-movers li:last-child{border-bottom:0}
.mk-movers .pair{font:700 12px var(--display);font-variant-numeric:tabular-nums;white-space:nowrap}
.mk-movers .pair i{font-style:normal;font-weight:400;color:var(--muted);margin:0 3px}
.mk-movers .kw{font-weight:600;font-size:12px;overflow-wrap:anywhere}
.mk-movers .why{grid-column:1/-1;font-size:10.5px;color:var(--muted);line-height:1.4}
.mk-frame--light .mk-movers li{border-color:var(--ink-line)}
.mk-frame--light .mk-movers .why,.mk-frame--light .mk-movers .pair i{color:var(--ink-muted)}

/* Audit findings, tabbed by category */
.mk-tabs{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.mk-tabs::-webkit-scrollbar{display:none}
.mk-tabs [role="tab"]{height:30px;padding:0 12px;border-radius:999px;font:600 11.5px var(--display);color:var(--muted);white-space:nowrap;transition:color var(--t) ease-out,background-color var(--t) ease-out;border:1px solid transparent}
.mk-tabs [role="tab"]:hover{color:var(--fg)}
.mk-tabs [role="tab"][aria-selected="true"]{background:var(--selected);color:var(--fg);border-color:var(--line)}
.mk-tabs [role="tab"] small{font:400 10.5px var(--body);margin-left:4px;opacity:.8}
[role="tabpanel"][hidden]{display:none}
.mk-frame--light .mk-tabs{border-color:var(--ink-line)}
.mk-frame--light .mk-tabs [role="tab"]{color:var(--ink-muted)}
.mk-frame--light .mk-tabs [role="tab"]:hover{color:var(--ink)}
.mk-frame--light .mk-tabs [role="tab"][aria-selected="true"]{background:var(--paper);color:var(--ink);border-color:var(--ink-line)}
.mk-findings{margin:0;padding:0;list-style:none}
.mk-findings li{padding:10px 12px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}
.mk-findings li:last-child{border-bottom:0}
.mk-findings .sev{display:inline-flex;align-items:center;gap:6px;font:600 10.5px var(--display);letter-spacing:.02em}
.mk-findings .sev::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.mk-findings .sev--critical{color:var(--mk-dark-down)}
.mk-findings .sev--high{color:var(--mk-dark-sev-high)}
.mk-findings .sev--medium{color:var(--mk-dark-sev-medium)}
.mk-findings .sev--low{color:var(--mk-dark-up)}
.mk-findings .title{font-weight:600;font-size:12px;grid-column:1}
.mk-findings .count{font-size:10.5px;color:var(--muted);text-align:right;grid-row:1/3;grid-column:2;align-self:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.mk-findings .ev{grid-column:1/-1;font-size:10.5px;color:var(--muted);line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-findings .ev code{font:10.5px ui-monospace,Menlo,Consolas,monospace;color:var(--fg);background:rgba(238,234,224,.08);padding:1px 4px;border-radius:3px}
.mk-frame--light .mk-findings li{border-color:var(--ink-line)}
.mk-frame--light .mk-findings .sev--critical{color:var(--mk-sev-critical)}
.mk-frame--light .mk-findings .sev--high{color:var(--mk-sev-high)}
.mk-frame--light .mk-findings .sev--medium{color:var(--mk-sev-medium)}
.mk-frame--light .mk-findings .sev--low{color:var(--mk-sev-low)}
.mk-frame--light .mk-findings .count,.mk-frame--light .mk-findings .ev{color:var(--ink-muted)}
.mk-frame--light .mk-findings .ev code{color:var(--ink);background:var(--paper)}

/* The client report, page one, at a page's proportions */
.mk-report{background:#fff;color:var(--ink);border:1px solid var(--ink-line);border-radius:6px;box-shadow:var(--mk-shadow);aspect-ratio:210/297;padding:7% 8%;font:400 11px/1.45 var(--body);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.mk-report p{max-width:none;margin:0;color:inherit}
.mk-report__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mk-report__brand{font:800 14px var(--display);letter-spacing:-.01em}
.mk-report__brand i{display:inline-block;width:14px;height:14px;border-radius:3px;background:var(--mk-accent-ink);vertical-align:-2px;margin-right:6px}
.mk-report__date{font-size:10px;color:var(--ink-muted);text-align:right}
.mk-report h4{font:800 18px/1.1 var(--display);margin:0;letter-spacing:-.01em}
.mk-report__rule{width:60px;height:4px;background:var(--gold);border-radius:2px}
.mk-report__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mk-report__stat b{display:block;font:800 17px/1 var(--display);font-variant-numeric:tabular-nums}
.mk-report__stat span{display:block;font-size:9.5px;color:var(--ink-muted);margin-top:3px;line-height:1.3}
.mk-report__stat em{font-style:normal;font-size:9.5px;font-weight:600}
.mk-report__h{font:700 10px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin-top:4px}
.mk-report__rows{display:grid;gap:5px;font-size:10px}
.mk-report__rows div{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px;padding:4px 0;border-bottom:1px solid var(--ink-line);font-variant-numeric:tabular-nums}
.mk-report__rows div span:not(:first-child){text-align:right}
.mk-report__rows div:last-child{border-bottom:0}
.mk-report__note{font-size:9.5px;color:var(--ink-muted);line-height:1.45}
.mk-report__foot{margin-top:auto;display:flex;justify-content:space-between;font-size:9px;color:var(--ink-muted)}
.mk-report--white .mk-report__brand i{background:#2F6F4F}
.mk-report--white .mk-report__rule{background:#2F6F4F}
.mk-report--white .mk-report__h{color:#2F6F4F}
.mk-report-stack{position:relative;padding:0 0 24px 24px}
.mk-report-stack .mk-report{position:relative;z-index:1}
.mk-report-stack::before{content:"";position:absolute;inset:24px 24px 0 0;background:var(--paper);border:1px solid var(--ink-line);border-radius:6px}
.mk-dark .mk-report-stack::before{background:var(--midnight-2);border-color:var(--line)}

/* ---- Proof strip --------------------------------------------------------- */
.mk-proof{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;align-items:start}
.mk-proof__n{display:block;font:800 clamp(2.25rem,4vw,3rem)/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink)}
.mk-proof__n small{font-size:.45em;font-weight:700;color:var(--ink-muted);margin-left:2px}
.mk-proof p{margin:8px 0 0;font-size:.875rem;line-height:1.5;color:var(--ink-muted);max-width:22ch}
.mk-proof--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mk-dogfood{margin:0 0 40px;font-size:.9375rem;color:var(--ink-muted);max-width:none}
.mk-dogfood b{color:var(--ink);font-weight:600}

/* ---- Feature sections ---------------------------------------------------- */
.mk-feature{padding:96px 0}
.mk-feature--band{padding:128px 0}
.mk-feature--narrow{padding:64px 0}
.mk-feature__mock{min-width:0}
.mk-split__mock,.mk-hero__mock{container-type:inline-size}
@container (max-width:560px){.mk-frame__cols{grid-template-columns:minmax(0,1fr)}.mk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:480px){.mk-rank th:nth-child(5),.mk-rank td:nth-child(5){display:none}}
.mk-feature__mock--float{transform:rotate(-1deg)}
.mk-caption{font-size:.8125rem;color:var(--ink-muted);margin:12px 0 0;max-width:none}
.mk-dark .mk-caption{color:var(--muted)}

/* Four small "how a check works" cells: unequal, left-aligned, no icons. */
.mk-steps{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px 40px;align-items:start}
.mk-steps>div{border-top:2px solid var(--midnight);padding-top:16px}
.mk-steps h3{font-size:1.125rem;margin-bottom:6px}
.mk-steps p{margin:0;font-size:.9375rem;color:var(--ink-muted)}
.mk-steps .mk-num{font:800 2rem/1 var(--display);display:block;margin-bottom:8px}
.mk-dark .mk-steps>div{border-top-color:rgba(238,234,224,.28)}
.mk-dark .mk-steps p{color:#D9D4C7}
.mk-steps--2{grid-template-columns:1fr 1fr}

/* The five gated things */
.mk-five{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;margin:0;padding:0;list-style:none;counter-reset:five}
.mk-five li{counter-increment:five;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:24px 0;border-top:1px solid var(--line);align-items:start}
.mk-five li::before{content:"0" counter(five);font:800 1.5rem/1 var(--display);color:var(--gold);font-variant-numeric:tabular-nums;padding-top:2px}
.mk-five h3{font-size:1.125rem;margin:0 0 6px;color:var(--fg)}
.mk-five p{margin:0;font-size:.9375rem;color:#D9D4C7;max-width:34em}

/* ---- Plans --------------------------------------------------------------- */
/*
 * THE FIVE TILES ARE ONE SUBGRID, which is what keeps them the same height
 * with the price row, the fit line, the limits list and the button at the
 * same y on all five. Six rows: name, keyword count, prices, fit line, the
 * limits list (1fr, so it takes the slack), the action. Every tile renders
 * all six elements even when one of them has nothing to say, because a tile
 * that skipped one would slide everything under it out of line.
 */
.mk-plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch;grid-template-rows:auto auto auto auto 1fr auto}
.mk-plan{background:var(--card);border:1px solid var(--ink-line);border-radius:var(--mk-r);padding:20px;display:grid;grid-row:span 6;grid-template-rows:subgrid;gap:8px;min-width:0;box-shadow:var(--mk-shadow)}
.mk-plan--current{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),var(--mk-shadow)}
.mk-plan__name{font:700 .9375rem var(--display);display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.mk-plan__name small{font:400 .75rem var(--body);color:var(--ink-muted)}
.mk-plan__kw{font:800 2rem/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.mk-plan__kw small{font:600 .8125rem var(--display);color:var(--ink-muted);margin-left:4px;letter-spacing:0}
.mk-plan__price{font:700 1.125rem/1.2 var(--display);font-variant-numeric:tabular-nums;margin-top:4px}
.mk-plan__prices{display:flex;flex-direction:column;gap:2px;align-self:start}
.mk-plan__per{font-size:.75rem;color:var(--ink-muted);margin:0;max-width:none;line-height:1.4}
/* The indicative USD line (D-38.6). Quieter than the AUD price on purpose: it is a
   conversion aid, not a second price, and the caption under the grid says so. */
.mk-plan__usd{font-size:.6875rem;color:var(--ink-faint,var(--ink-muted));margin:.25rem 0 0;max-width:none;line-height:1.3;opacity:.85}
.mk-plan__fit{font-size:.75rem;line-height:1.4;color:var(--ink-muted);margin:0;max-width:none;align-self:start}
.mk-plan__fit--start{font-weight:600;color:var(--gold-deep)}
.mk-plan ul{margin:4px 0 0;padding:0;list-style:none;font-size:.8125rem;line-height:1.5;color:var(--ink-muted);align-self:start;max-width:none}
.mk-plan li{padding:4px 0;border-top:1px solid var(--ink-line)}
.mk-plan li b{color:var(--ink);font-weight:600}
/* WHY THIS SLOT HAS ITS OWN WIDTH RULES. .mk-btn is nowrap and padded for a
   button that sizes to its label. Inside a five column grid the column is
   about 180px of inner width at 1200 and the label "Choose Basic Personal" is
   wider than that, so the button drew past the tile's right edge. The slot is
   a grid track of its own so a form, an anchor or a sentence all fill it, and
   the button below is allowed to wrap onto a second line at a held height. */
.mk-plan__act{align-self:end;min-width:0;display:grid;gap:8px}
.mk-plan__act>*{min-width:0}
/* The slot a tile fills when there is nothing to press: the plan you are
   already on, or one that came with a website package. It keeps the tile's
   last subgrid row occupied so the five action rows stay in line. */
.mk-plan__have{margin:0;font:600 .8125rem var(--display);color:var(--gold-deep);text-align:center;
               padding:9px 12px;border:1px dashed var(--ink-line);border-radius:var(--mk-r-control)}
.mk-plan__act form{margin:0;display:block;min-width:0}
.mk-plan .mk-btn{width:100%;max-width:100%;min-width:0;white-space:normal;text-align:center;
                 height:auto;min-height:40px;padding:8px 12px;line-height:1.25;overflow-wrap:break-word}
.mk-toggle{display:inline-flex;border:1px solid var(--ink-line);border-radius:999px;padding:3px;background:var(--card);margin-bottom:32px}
.mk-toggle button{height:36px;padding:0 16px;border-radius:999px;font:600 .875rem var(--display);color:var(--ink-muted);transition:background-color var(--t) ease-out,color var(--t) ease-out}
.mk-toggle button[aria-pressed="true"]{background:var(--midnight);color:var(--fg)}
.mk-toggle button small{font-weight:400;margin-left:6px;opacity:.85}
.mk-notice{background:var(--card);border:1px solid var(--ink-line);border-left:4px solid var(--gold);border-radius:var(--mk-r);padding:20px 24px;margin:0 0 32px;display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
.mk-notice h3{font-size:1.125rem;margin:0}
.mk-notice p{margin:0;max-width:none;flex:1 1 320px;color:var(--ink-muted);font-size:.9375rem}

/* Add-on table and level cards */
.mk-table{width:100%;border-collapse:collapse;font-size:.9375rem}
.mk-table th{text-align:left;font:600 .75rem var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);padding:10px 12px;border-bottom:1px solid var(--mk-line-strong)}
.mk-table td{padding:14px 12px;border-bottom:1px solid var(--ink-line);vertical-align:top}
.mk-table td:first-child{font-weight:600;white-space:nowrap}
.mk-table .mk-num{white-space:nowrap}
/*
 * The three plugin levels, on the same six fixed rows the plan tiles use:
 * name, headline, price, who it is for, the feature list at 1fr, the action.
 * Each tile spans all six and inherits them with subgrid, so the price sits at
 * one height across the three and the buttons sit on one line however long a
 * feature list runs.
 */
.mk-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;
           grid-template-rows:auto auto auto auto 1fr auto}
.mk-level{background:var(--card);border:1px solid var(--ink-line);border-radius:var(--mk-r);padding:24px;
          box-shadow:var(--mk-shadow);display:grid;grid-row:span 6;grid-template-rows:subgrid;gap:10px;min-width:0}
.mk-level h3,.mk-level__name{font-size:1.25rem;margin:0}
.mk-level__head{font:600 .9375rem/1.3 var(--display);color:var(--gold-deep);align-self:start}
.mk-level__prices{display:flex;flex-direction:column;gap:4px;align-self:start}
.mk-level__price{font:800 1.75rem/1 var(--display);margin:0}
.mk-level__price--soon{font-size:1.125rem}
.mk-level__per{font-size:.8125rem;color:var(--ink-muted);margin:0;max-width:none;line-height:1.45}
.mk-level__usd{font-size:.6875rem;color:var(--ink-faint,var(--ink-muted));margin:.25rem 0 0;max-width:none;line-height:1.3;opacity:.85}
.mk-level__fit{font-size:.8125rem;line-height:1.45;color:var(--ink-muted);margin:0;max-width:none;align-self:start}
.mk-level ul{margin:0;padding:0;list-style:none;font-size:.9rem;line-height:1.5;align-self:start;max-width:none}
.mk-level li{padding:8px 0;border-top:1px solid var(--ink-line)}
.mk-level__act{align-self:end}
.mk-level__act .mk-btn{width:100%}

/* Page rail for the report contents */
/*
 * max-width:none is load bearing. app.css caps every .public ol at 64ch for
 * the docs pages, which held this nine-card grid to half the measure and made
 * the section read as a compact column with dead space beside it.
 */
.public .mk-pages{margin:0;padding:0;max-width:none;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:pg}
.mk-pages li{counter-increment:pg;background:var(--card);border:1px solid var(--ink-line);border-top:3px solid var(--midnight);border-radius:var(--mk-r-control);padding:20px;font-size:.9375rem;line-height:1.55;color:var(--ink-muted)}
.mk-pages li::before{content:"Page " counter(pg);display:block;font:700 .72rem var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:8px}
.mk-pages li b{display:block;color:var(--ink);font:700 1.0625rem var(--display);margin-bottom:6px}
.mk-pages li.is-appendix{background:transparent;border-top-color:var(--ink-line)}
.mk-pages li.is-appendix::before{content:"Appendix";color:var(--ink-muted)}
.mk-reasons{margin:16px 0 0;padding:0;list-style:none;counter-reset:rs;max-width:36em}
.mk-reasons li{counter-increment:rs;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--ink-line);font-size:.9375rem;line-height:1.55}
.mk-reasons li::before{content:counter(rs);font:800 1.25rem/1.2 var(--display);color:var(--gold-deep)}

/* Code-ish mock for the schema */
.mk-code{background:var(--midnight);color:var(--fg);border-radius:var(--mk-r);padding:20px 22px;font:12.5px/1.6 ui-monospace,Menlo,Consolas,monospace;overflow:auto;box-shadow:var(--mk-frame-shadow);white-space:pre;tab-size:2}
.mk-code .k{color:var(--mk-accent-lift)}
.mk-code .s{color:var(--gold)}
.mk-code .n{color:var(--mk-dark-up)}
.mk-code .c{color:var(--muted)}
.mk-multiply{background:var(--card);border:1px solid var(--ink-line);border-radius:var(--mk-r);padding:24px;box-shadow:var(--mk-shadow)}
.mk-multiply__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font:700 1.125rem var(--display);font-variant-numeric:tabular-nums}
.mk-multiply__row small{font:400 .75rem var(--body);color:var(--ink-muted);display:block}
.mk-multiply__row i{font-style:normal;color:var(--ink-muted);font-weight:400}
.mk-multiply__total{font:800 2.75rem/1 var(--display);margin:16px 0 4px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.mk-multiply p{margin:0;font-size:.875rem;color:var(--ink-muted);max-width:none}
.mk-multiply__bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--ink-line);margin:16px 0 8px}
.mk-multiply__bar i{display:block;height:100%}

/* ---- FAQ, restyled --------------------------------------------------------- */
.mk-section .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;align-items:start;margin-top:0}
.mk-section .faq__item{border-top:1px solid var(--ink-line);padding-top:16px}
.mk-section .faq__item h3{font-size:1.0625rem;margin-bottom:6px}
.mk-section .faq__item p{font-size:.9375rem;margin:0;color:var(--ink-muted)}
.mk-section h2#faq{margin-bottom:32px}

/* ---- Final CTA ----------------------------------------------------------- */
.mk-cta{background:var(--midnight);color:var(--fg)}
.mk-cta__in{max-width:var(--mk-wrap);margin:0 auto;padding:96px var(--mk-gutter);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.mk-cta h2{color:var(--fg);max-width:16em}
.mk-cta p{color:#D9D4C7}
.mk-cta__side{border-left:1px solid var(--line);padding-left:40px;font-size:.9375rem;color:#D9D4C7}
.mk-cta__side ul{margin:0;padding:0;list-style:none}
.mk-cta__side li{padding:8px 0;border-bottom:1px solid var(--line)}
.mk-cta__side li:last-child{border-bottom:0}
.mk-cta__side b{color:var(--fg);font-weight:600}

/* ---- Footer -------------------------------------------------------------- */
.mk-foot{background:var(--paper);border-top:1px solid var(--ink-line)}
.mk-foot__in{max-width:var(--mk-wrap);margin:0 auto;padding:64px var(--mk-gutter) 32px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.mk-foot__brand p{font-size:.875rem;color:var(--ink-muted);margin:12px 0 0;max-width:30em}
.mk-foot h4{font:700 .72rem var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin:6px 0 14px}
.mk-foot ul{margin:0;padding:0;list-style:none;font-size:.9rem}
.mk-foot li{margin-bottom:10px}
.mk-foot li a:hover{color:var(--mk-accent-ink)}
.mk-foot__bottom{max-width:var(--mk-wrap);margin:0 auto;padding:20px var(--mk-gutter) 32px;border-top:1px solid var(--ink-line);font-size:.8125rem;color:var(--ink-muted);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}

/* ---- Responsive ---------------------------------------------------------- */
@media (max-width:1100px){
  .mk-hero__in,.mk-hero--short .mk-hero__in{grid-template-columns:minmax(0,1fr);gap:56px}
  .mk-hero__mock{justify-self:stretch;width:100%}
  .mk-hero__bleed{margin-right:0;width:100%}
  .mk-hero__tilt{transform:none}
  .mk-hero__tilt.mk-hero__enter{animation-name:mk-rise}
  .mk-proof{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mk-plans{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mk-foot__in{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .mk-nav__links{display:none}
  .mk-burger{display:inline-flex}
  .mk-drawer{display:block;border-top:1px solid var(--ink-line);background:var(--paper);padding:8px var(--mk-gutter) 16px}
  .mk-drawer a{display:flex;align-items:center;height:48px;font:600 1rem var(--display);border-bottom:1px solid var(--ink-line)}
  .mk-drawer a:last-child{border-bottom:0}
  .mk-nav__signin{display:none}
  .mk-split,.mk-split--rev{grid-template-columns:minmax(0,1fr);gap:40px}
  .mk-split--rev>.mk-split__copy{order:1}
  .mk-split--rev>.mk-split__mock{order:2}
  .mk-steps{grid-template-columns:1fr 1fr}
  .mk-five{grid-template-columns:minmax(0,1fr)}
  /* One column: each tile becomes its own six-row grid, because subgrid rows
     only line tiles up while they are side by side. */
  .mk-levels{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .mk-level{grid-row:auto;grid-template-rows:auto auto auto auto 1fr auto}
  .public .mk-pages{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-cta__in{grid-template-columns:minmax(0,1fr)}
  .mk-cta__side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:24px}
  .mk-section{padding:64px 0}
  .mk-section--loose,.mk-feature--band{padding:80px 0}
  .mk-feature{padding:64px 0}
  .mk-section .faq{grid-template-columns:minmax(0,1fr)}
  .mk-table th:nth-child(3),.mk-table td:nth-child(3){display:none}
}
@media (max-width:640px){
  :root{--mk-gutter:16px}
  .mk-hero__in,.mk-hero--short .mk-hero__in{padding:56px var(--mk-gutter) 64px;gap:40px}
  .mk-hero__mock{width:calc(100% + 16px);margin-right:-16px}
  .mk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-frame__cols{grid-template-columns:minmax(0,1fr)}
  .mk-rank th:nth-child(4),.mk-rank td:nth-child(4),.mk-rank th:nth-child(5),.mk-rank td:nth-child(5){display:none}
  .mk-proof,.mk-proof--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .mk-steps{grid-template-columns:minmax(0,1fr)}
  .mk-plans{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px 4px 16px;margin:0 -4px;scrollbar-width:thin;align-items:stretch}
  .mk-plan{flex:0 0 82%;scroll-snap-align:start;grid-row:auto;grid-template-rows:auto auto auto auto 1fr auto}
  .mk-plan--first{order:-1}
  /* The three plugin levels swipe at this width, the same way the plans do,
     so a reader compares them side by side instead of scrolling past three
     full-height tiles. */
  .mk-levels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px 4px 16px;margin:0 -4px;
             scrollbar-width:thin;align-items:stretch}
  .mk-level{flex:0 0 82%;scroll-snap-align:start;grid-row:auto;grid-template-rows:auto auto auto auto 1fr auto;padding:20px}
  .public .mk-pages{grid-template-columns:minmax(0,1fr)}
  .mk-foot__in{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:48px}
  .mk-report{font-size:9.5px}
  .mk-report h4{font-size:15px}
  .mk-report__stats{grid-template-columns:repeat(2,1fr)}
  .mk-report-stack{padding:0 0 16px 16px}
  .mk-report-stack::before{inset:16px 16px 0 0}
  .mk-actions .mk-btn{flex:1 1 100%}
  .mk-multiply__total{font-size:2.25rem}
}

/* ---- Reduced motion, one block at the end -------------------------------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mk-hero__enter,.mk-hero__tilt.mk-hero__enter{animation:none}
  .mk-trend.is-drawn .line{animation:none;stroke-dasharray:none;stroke-dashoffset:0}
  .mk-rank tbody tr{transition:none}
}

/* Marks inside the plain mocks (the code block and the multiplication card). */
.mk-mark{width:16px;height:16px;border-radius:50%;vertical-align:-3px;margin-right:8px;display:inline-block}
.mk-code__bar{display:flex;align-items:center;gap:0;margin:-6px -8px 12px;padding:0 0 10px;border-bottom:1px solid var(--line);font:600 11px var(--display);color:var(--muted);white-space:normal}
.mk-code__list{margin:0;padding:0 0 0 2ch;list-style:none}
.mk-code__list li{display:block}
.mk-multiply .eyebrow{display:flex;align-items:center}