/* Generated by scripts/direction-styles.mjs from components/marketplace/demo/product-floor.css, components/marketplace/demo/narrow-280.css, components/marketplace/demo/guided-enquiry.css — do not edit. */
/* ── product-floor.css ── */
/* ── Preview-family product floor (ashdub. Dogs, Plumber, Electrician, Fitness, Makeup, Private Practice, Dentist) ───
   One shared floor for the seven product directions only: every selector is scoped to their data-direction values, so
   client and protected sites that share the header/footer markup are untouched. Bundled with each product's direction
   stylesheet by scripts/direction-styles.mjs and linked only where one of these products renders. Specificity is
   raised with a doubled .mk-demo-site so a direction's own sizing can never undercut the floor. */

/* The closed phone menu has no box at all: its panel (links, product name, call to action) is not laid out under the
   page until the menu opens, so no hidden control ever sits beneath an image or a button. */
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-dh-menu:not([open]) > :not(summary) { display: none; }

/* Targets: every header and footer action is at least 44 × 44 px at every width (WCAG 2.5.5; Design Standard L5).
   Height comes from the hit area, not from bigger type, so the bars stay slim. */
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) :is(.mk-dh-brand, .mk-dh-links a, .mk-dh-links .mk-inert, .mk-dh-cta .lx-btn, .mk-dh-panel-links > li > *, .lx-footer-cols a) { min-height: 2.75rem; min-width: 2.75rem; }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) :is(.mk-dh-brand, .lx-footer-cols a) { display: inline-flex; align-items: center; }

/* Controls: every form field, chip, button, filter and disclosure in the seven designs is at least 44px tall (and every
   button or disclosure 44px wide) — the guided enquiry's inputs, its chips and Back/Continue, gallery filters, FAQ
   summaries. Inline text links inside running copy keep the WCAG inline exception. */
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea, button, summary, .lx-btn) { min-height: 2.75rem; }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) :is(button, summary, .lx-btn) { min-width: 2.75rem; }

/* Phone type floor: no meaningful text under 14px in a phone-width frame (Design Standard L5) — eyebrows, price and
   fact slots, contact labels, captions, the legal line, the menu word, its numerals and panel heading, gallery
   filters and the small-caps buttons of Makeup, Electrician and Fitness. Wider frames keep each design's own scale. */
@container demo (max-width: 599px) {
  .mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) :is(.lx-eyebrow, .lx-svc-price, .lx-price-amount, .lx-contact dt, .lx-facts dt, figcaption, .lx-footer-legal, .mk-dh-menu-word, .mk-dh-index, .mk-dh-panel-head, .lx-gallery-filters button) { font-size: .875rem; }
  .mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="circuit-schedule"], [data-direction="training-block"]) .lx-btn { font-size: .875rem; }
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .lx-step-n { font-size: .875rem; }
  /* visible labels drawn as generated content: Dentist's proof counters, Electrician's "WAY 01" index, Fitness's
     proof numerals, "A1" exercise index and "Week 2" / "Set 2" step labels */
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .lx-proof-list li::before,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .lx-svc-index-n,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] :is(.lx-proof-list li, .lx-svc-index-n, .lx-step-n)::before { font-size: .875rem; }
  /* the hero's decorative scroll cue is not needed on a phone */
  .mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .lx-hero-scroll { display: none; }
}

/* Drawn art is never cropped: an original code-native drawing is shown whole inside its frame (contain), on its own
   paper, so a portrait or panoramic frame mounts it rather than cutting it. Photographs keep their art-directed crop. */
.mk-demo-site:is([data-direction="practice-chart"]) { --mk-art-paper: #f6f8fa; }
.mk-demo-site:is([data-direction="pipe-run"]) { --mk-art-paper: #f2efe9; }
.mk-demo-site:is([data-direction="circuit-schedule"]) { --mk-art-paper: #f3f4f0; }
.mk-demo-site:is([data-direction="training-block"]) { --mk-art-paper: #f3f4ef; }
.mk-demo-site:is([data-direction="quiet-room"]) { --mk-art-paper: #eef1f4; }
.mk-demo-site.mk-demo-site:is([data-direction="practice-chart"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .lx-img[src$=".svg"] { object-fit: contain; background-color: var(--mk-art-paper); }
/* In dark mode (owner dark, or the visitor's dark device in system mode — generated) the mat is the page's own dark
   paper, so a complete light drawing hangs on the dark wall instead of sitting in a bright empty paper band. */
.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"])[data-theme="dark"] { --mk-art-paper: var(--lx-paper); }

/* ── gate9 correction 10: the installed runtime holds the same floor as the preview ───────────────────────────────── */
/* The attribution row and the shared enquiry journey sit inside an installed product's root on the tenant runtime: their
   words are at least 14px at every width (the journey's step strip wraps instead of truncating), and every telephone
   action is a 44px target. */
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) [data-site-base] :is(a, span, p, button) { font-size: max(.875rem, 1em); }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) [data-enquiry-journey] :is(ol[aria-label="Enquiry progress"] span, label, legend, button, small, p) { font-size: max(.875rem, 1em); }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) [data-enquiry-journey] ol[aria-label="Enquiry progress"] span { white-space: normal; overflow: hidden; text-overflow: clip; overflow-wrap: normal; word-break: normal; hyphens: manual; letter-spacing: .02em; line-height: 1.25; }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) :is(.lx-cta-number, a[href^="tel:"]) { display: inline-flex; align-items: center; min-height: 2.75rem; }
/* The journey wears the design, not the platform: its heading in the display face, its fields and choices in the
   design's own corner radius, so an installed form reads as part of the site it sits on. */
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) [data-enquiry-journey] { font-family: var(--lx-body); }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) [data-enquiry-journey] h3 { font-family: var(--lx-head); font-weight: var(--lx-head-w, 600); letter-spacing: var(--lx-head-track, 0); text-transform: var(--lx-head-case, none); }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) [data-enquiry-journey] :is(input, select, textarea, button, [data-enquiry-intent]) { border-radius: var(--lx-btn-r, 12px); box-shadow: none; }

/* ── native chooser (Dogs "sizes", Makeup "lookbook"): a radio set; the checked option's photograph comes forward ── */
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-set { border: 0; margin: 0; padding: 0; min-width: 0; display: grid; gap: clamp(1rem, 2.4cqi, 1.75rem); }
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-options { display: flex; flex-wrap: wrap; gap: .6rem; }
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-option { position: relative; display: inline-flex; align-items: center; gap: .65rem; min-height: 3rem; padding: .35rem 1.1rem .35rem .4rem; border: 1.5px solid var(--lx-line); border-radius: 999px; cursor: pointer; font-weight: 600; transition: border-color .2s ease, background-color .2s ease; }
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-option input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-option:has(input:checked) { border-color: var(--lx-ink); background: color-mix(in srgb, var(--lx-ink) 6%, transparent); }
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-option:has(input:focus-visible) { outline: 3px solid var(--lx-accent); outline-offset: 3px; }
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-views { list-style: none; margin: 0; padding: 0; display: grid; }
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-view { grid-area: 1 / 1; visibility: hidden; opacity: 0; transition: opacity .4s ease, visibility 0s linear .4s; }
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-set:has(.lx-chooser-option:nth-child(1) input:checked) .lx-chooser-view:nth-child(1),
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-set:has(.lx-chooser-option:nth-child(2) input:checked) .lx-chooser-view:nth-child(2),
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-set:has(.lx-chooser-option:nth-child(3) input:checked) .lx-chooser-view:nth-child(3),
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-set:has(.lx-chooser-option:nth-child(4) input:checked) .lx-chooser-view:nth-child(4),
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-set:has(.lx-chooser-option:nth-child(5) input:checked) .lx-chooser-view:nth-child(5),
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-set:has(.lx-chooser-option:nth-child(6) input:checked) .lx-chooser-view:nth-child(6) { visibility: visible; opacity: 1; transition: opacity .4s ease; }
.mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-view figcaption { margin-top: .75rem; font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .mk-demo-site:is([data-direction="lead-line"], [data-direction="shade-card"]) .lx-chooser-view { transition: none; } }

/* ── disclosures in the signatures (Plumber symptoms, Dentist chart): a 44px row, a drawn plus that turns ── */
.mk-demo-site:is([data-direction="pipe-run"], [data-direction="practice-chart"]) :is(.lx-symptom, .lx-chart-item) > summary { list-style: none; display: flex; align-items: center; gap: .9rem; min-height: 3.25rem; cursor: pointer; }
.mk-demo-site:is([data-direction="pipe-run"], [data-direction="practice-chart"]) :is(.lx-symptom, .lx-chart-item) > summary::-webkit-details-marker { display: none; }
.mk-demo-site:is([data-direction="pipe-run"], [data-direction="practice-chart"]) :is(.lx-symptom, .lx-chart-item) > summary::after { content: "+"; margin-left: auto; font: 500 1.4rem/1 var(--lx-body); transition: transform .2s ease; }
.mk-demo-site:is([data-direction="pipe-run"], [data-direction="practice-chart"]) :is(.lx-symptom, .lx-chart-item)[open] > summary::after { transform: rotate(45deg); }

/* ── drawn art in dark mode: the code-native drawings are inverted onto the page's own dark paper (screen blend), so a
   night drawing is light line on dark ground — never a bright panel. Photographs are untouched. ── */
.mk-demo-site.mk-demo-site:is([data-direction="practice-chart"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"])[data-theme="dark"] .lx-img[src$=".svg"] { background-color: transparent; filter: invert(.92) hue-rotate(180deg) saturate(1.15); mix-blend-mode: lighten; }

/* ── gate10 correction (C1/C5/C6d): installed pages end with their footer, journeys read at 14px ───────────────────── */
/* Every label, hint, legend and summary term inside the shared enquiry journey (its own text-xs spans included) is at
   least 14px; its heading takes the design's display face; its card takes the design's corner and no platform glow. */
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) :is([data-enquiry-journey], [data-contact-form="journey"]) :is(.text-xs, label > span, legend, dt, [data-privacy-note]) { font-size: max(.875rem, 1em); }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) [data-contact-form="journey"] > div > h2 { font-family: var(--lx-head); font-weight: var(--lx-head-w, 600); letter-spacing: var(--lx-head-track, 0); line-height: var(--lx-head-lh, 1); text-transform: var(--lx-head-case, none); font-size: clamp(2rem, 5cqi, 3.6rem); }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) [data-journey-surface] { border-radius: var(--lx-media-r, 12px); box-shadow: none; }
/* An emptied list draws nothing (its section's intro says why). */
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) :is(.lx-svc-list, .lx-faq-list, .lx-proof-list, .lx-price-groups, .lx-steps-list):empty { display: none; }
/* The installed page is a column: the footer sits at the bottom of a short page instead of above an empty tail, and
   nothing positioned inside a design can extend the document below its own footer. */
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) { overflow: clip; }
.mk-demo-site.tenant-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) { display: flex; flex-direction: column; }
.mk-demo-site.tenant-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) > main { flex: 1 0 auto; }

/* ── gate11 correction (F2/C5/F7): a complete installed page, a readable journey ──────────────────────────────────────
   The installed product root is at least one screen tall: demo.css's `.mk-demo-site { min-height: 100% }` (a preview
   frame rule) overrode the root's min-h-screen, so a short page (privacy, terms) ended above the viewport and left the
   document's own background as a dead band under the attribution. Long pages are unaffected (a minimum, never a pin).
   Journey labels and the step strip read as sentence-case words, never letter-spaced capitals broken mid-word: on a
   narrow form only the CURRENT step is named under the bar (the others stay in the accessibility tree). Dark drawings
   blend with `lighten`, so the inverted paper of a drawing disappears into the card instead of reading as a grey box. */
.mk-demo-site.mk-demo-site.tenant-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) { min-height: 100vh; min-height: 100dvh; }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) :is([data-enquiry-journey], [data-contact-form="journey"]) :is(label > span, legend, ol[aria-label="Enquiry progress"] span) { text-transform: none; letter-spacing: .005em; font-weight: 700; }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) [data-enquiry-journey] ol[aria-label="Enquiry progress"] span:not(:first-child) { font-size: .9375rem; line-height: 1.3; }
@container demo (max-width: 479px) {
  .mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) [data-enquiry-journey] ol[aria-label="Enquiry progress"] { position: relative; padding-bottom: 1.9rem; }
  .mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) [data-enquiry-journey] ol[aria-label="Enquiry progress"] li:not([aria-current]) > span:not(:first-child) { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) [data-enquiry-journey] ol[aria-label="Enquiry progress"] li[aria-current] > span:not(:first-child) { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; white-space: normal; overflow: visible; }
}
/* The full inline nav needs room: between 820 and 1099px the brand was truncated ("ash… Ma…") and the header CTA
   wrapped out of the bar, so the seven keep the menu until 1100px. */
@container demo (min-width: 820px) and (max-width: 1099px) {
  .mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) :is(.mk-dh-nav, .mk-dh-cta) { display: none; }
  .mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-dh-menu { display: block; }
}

/* gate12 item 4: a legal page reads as a document — every section open in one readable column, in the design's type */
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .lx-faq--document .lx-wrap { max-width: calc(48rem + 2 * var(--lx-gutter)); }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .lx-faq-doc { display: grid; gap: 0; margin-top: clamp(1.5rem, 4cqi, 2.5rem); border-top: 1px solid var(--lx-line); }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .lx-faq-doc-item { padding: clamp(1.1rem, 2.6cqi, 1.6rem) 0; border-bottom: 1px solid var(--lx-line); }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .lx-faq-doc-item .lx-h3 { margin: 0; font-family: var(--lx-head); font-size: clamp(1.15rem, 2.2cqi, 1.4rem); line-height: 1.25; }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .lx-faq-doc-item .lx-body { margin: .5rem 0 0; max-width: 62ch; color: var(--lx-muted); line-height: 1.65; }

/* gate12 critic (installed journey): when a journey page's own contact section is still unfilled it keeps only its
   heading (the page's h1), so the form follows it directly — no dead band between the page title and the form. */
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) main > [data-unfilled-lead] :is(section, .lx-contact) { padding-bottom: 0; }
.mk-demo-site.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) main > [data-unfilled-lead] + div [data-contact-form="journey"] { padding-top: clamp(.75rem, 2cqi, 1.5rem); }

/* g93d4 critic (L3): at 1920 the seven products held their content to the 76rem measure, leaving side bands far over
   25% (Dentist, Practice, Plumber). On frames from 1600px their sections use a wider measure (each child of the demo
   container re-reads --lx-max; the container itself cannot query its own width). Narrower frames are unchanged. */
@container demo (min-width: 1600px) {
  .mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) > * { --lx-max: 96rem; }
}

/* ── narrow-280.css ── */
/* ── Narrow phones (≤ 479px frames) — ashdub. Dentist (practice-chart) and ashdub. Dogs (lead-line) ─────────────────────
   At 280 their "to confirm" slot pills (nowrap) and their contact fact rows (nowrap hours, long sample details) set
   the page wider than the screen: practice 37px, fees 61, appointments 54; home 31, prices 19, book 70. The same rule
   set Plumber, Electrician and Makeup use lets pills, rows and hours wrap within the column; a day label stays whole.
   Scoped to narrow frames so every wider composition is unchanged, and loaded only on marketplace routes (ResaleAssets)
   so the shared direction stylesheets and every client or protected route stay byte-identical. */
@container (max-width: 479px) {
  .mk-demo-site[data-direction="practice-chart"] :is(.lx-svc-head, .lx-price-head) { flex-wrap: wrap; row-gap: .45rem; min-width: 0; }
  .mk-demo-site[data-direction="practice-chart"] :is(.lx-svc-price, .lx-price-amount) { white-space: normal; overflow-wrap: anywhere; min-width: 0; max-width: 100%; }
  .mk-demo-site[data-direction="practice-chart"] .lx-facts > div { grid-template-columns: minmax(0, 5.5rem) minmax(0, 1fr); }
  .mk-demo-site[data-direction="practice-chart"] .lx-facts > div:has(.lx-hours) { grid-template-columns: minmax(0, 1fr); }
  .mk-demo-site[data-direction="practice-chart"] .lx-facts dd { min-width: 0; overflow-wrap: anywhere; }
  .mk-demo-site[data-direction="practice-chart"] .lx-facts .lx-hours li > span { min-width: 0; white-space: normal; }
  .mk-demo-site[data-direction="practice-chart"] .lx-facts .lx-hours li > span:first-child { flex: none; overflow-wrap: normal; }
}
@container (max-width: 479px) {
  .mk-demo-site[data-direction="lead-line"] :is(.lx-svc-head, .lx-price-head) { flex-wrap: wrap; row-gap: .45rem; min-width: 0; }
  .mk-demo-site[data-direction="lead-line"] :is(.lx-svc-price, .lx-price-amount) { white-space: normal; overflow-wrap: anywhere; min-width: 0; max-width: 100%; }
  .mk-demo-site[data-direction="lead-line"] .lx-facts > div { grid-template-columns: minmax(0, 5.5rem) minmax(0, 1fr); }
  .mk-demo-site[data-direction="lead-line"] .lx-facts > div:has(.lx-hours) { grid-template-columns: minmax(0, 1fr); }
  .mk-demo-site[data-direction="lead-line"] .lx-facts dd { min-width: 0; overflow-wrap: anywhere; }
  .mk-demo-site[data-direction="lead-line"] .lx-facts .lx-hours li > span { min-width: 0; white-space: normal; }
  .mk-demo-site[data-direction="lead-line"] .lx-facts .lx-hours li > span:first-child { flex: none; overflow-wrap: normal; }
}

/* ── guided-enquiry.css ── */
/* ── The guided enquiry preview (components/marketplace/demo/GuidedEnquiryPreview.tsx): three steps, nothing sent ──
   Shared by all seven preview-family products. It lived inside shade-card.css; once each product's stylesheet loaded
   only for that product, the other six lost these rules (unstyled 26px inputs, 0.68rem steps). It is bundled with the
   product floor (scripts/direction-styles.mjs), which every product links. :where() keeps the original specificity,
   so each direction's own overrides still win. */
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq { padding-block: var(--lx-sec-y); }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-grid { display: grid; gap: clamp(2rem, 5cqi, 4.5rem); }
@container (min-width: 900px) { .mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-grid { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; } }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-card { padding: clamp(1.1rem, 3.5cqi, 2.25rem); background: var(--sc-mat, var(--lx-paper)); border: 1px solid var(--lx-line); box-shadow: 0 30px 80px -60px rgb(30 15 25 / .55); }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-steps { display: flex; gap: .4rem; list-style: none; margin: 0 0 1.5rem; padding: 0; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-steps li { flex: 1; min-width: 0; padding-top: .6rem; border-top: 3px solid var(--lx-line); font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--lx-muted); }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-steps li[aria-current="step"], .mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-steps li[data-done] { border-top-color: var(--lx-accent); color: var(--lx-ink); }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-h { font-family: var(--lx-head); font-weight: var(--lx-head-w); font-size: clamp(1.5rem, 3.4cqi, 2rem); line-height: 1.1; margin: 0 0 1.25rem; outline: none; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-fields { display: grid; gap: 1.1rem; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq label, .mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq legend { display: grid; gap: .45rem; font-size: .8rem; font-weight: 700; letter-spacing: .04em; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq fieldset { border: 0; margin: 0; padding: 0; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq legend { margin-bottom: .5rem; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq :is(input, textarea) { font: inherit; font-weight: 400; letter-spacing: 0; min-height: 3rem; padding: .7rem .9rem; color: var(--lx-ink); background: var(--lx-paper); border: 1px solid color-mix(in srgb, var(--lx-ink) 34%, transparent); border-radius: 2px; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq :is(input, textarea):focus-visible { outline: 3px solid var(--lx-accent); outline-offset: 1px; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-chip { min-height: 2.75rem; padding: 0 1rem; border: 1px solid color-mix(in srgb, var(--lx-ink) 40%, transparent); border-radius: 2px; background: transparent; color: var(--lx-ink); font: 700 .78rem/1 var(--lx-body); letter-spacing: .06em; cursor: pointer; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-chip[aria-pressed="true"] { background: var(--lx-accent); border-color: var(--lx-accent); color: var(--lx-accent-ink); }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-err { margin: 0; padding: .7rem .9rem; border-left: 3px solid #a3122a; background: color-mix(in srgb, #a3122a 8%, var(--lx-paper)); color: var(--lx-ink); font-size: .9rem; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-nav { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; margin-top: 1.5rem; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-review { margin: 0; display: grid; border-top: 1px solid var(--lx-ink); }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-review > div { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 1rem; padding: .7rem 0; border-bottom: 1px solid var(--lx-line); font-size: .92rem; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-review dt { color: var(--lx-muted); }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-review dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-owner { margin-top: 1.25rem; padding: 1rem; border: 1px dashed var(--lx-line); font-size: .88rem; color: var(--lx-muted); }
.mk-demo-site:where([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"]) .mk-enq-owner b { color: var(--lx-ink); }

/* ── generated phone type floor (scripts/direction-styles.mjs phoneFloor): every source rule below 14px ── */
@container demo (max-width: 599px) {
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .lx-btn,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .lx-eyebrow,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .lx-facts dt,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .lx-footer-legal,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .lx-gallery figcaption,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .lx-gallery-filters button,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .lx-gallery-more,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .lx-hero-scroll,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .lx-socials-label,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .lx-svc-index-go,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .lx-svc-index-n,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .lx-video-toggle,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .lx-viewer-actions button,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .mk-dh-index,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .mk-dh-links,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .mk-dh-menu > summary,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .mk-dh-panel-head,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .mk-enq label,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .mk-enq legend,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .mk-enq-chip,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] .mk-enq-steps li,
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] header.sticky :is(a, button).rounded-full[class*="px-5"][class*="text-brand-fg"],
  .mk-demo-site.mk-demo-site[data-direction="shade-card"] section.max-w-2xl > form button[type="submit"] { font-size: .875rem; }
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .lx-eyebrow,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .lx-facts dt,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .lx-footer-legal,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .lx-hero-scroll,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .lx-price-amount,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .lx-proof-list li::before,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .lx-socials-label,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .lx-svc-index-n,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .lx-svc-price,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .lx-video-toggle,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .mk-dh-index,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .mk-dh-panel-head,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .mk-enq label,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .mk-enq legend,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .mk-enq-chip,
  .mk-demo-site.mk-demo-site[data-direction="practice-chart"] .mk-enq-steps li { font-size: .875rem; }
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .lx-eyebrow,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .lx-facts dt,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .lx-footer-legal,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .lx-gallery figcaption,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .lx-hero-scroll,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .lx-price-amount,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .lx-socials-label,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .lx-svc-index-n,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .lx-svc-price,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .lx-video-toggle,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .mk-dh-index,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .mk-dh-panel-head,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .mk-enq label,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .mk-enq legend,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .mk-enq-chip,
  .mk-demo-site.mk-demo-site[data-direction="lead-line"] .mk-enq-steps li { font-size: .875rem; }
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .lx-eyebrow,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .lx-facts dt,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .lx-footer-legal,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .lx-hero-scroll,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .lx-price-amount,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .lx-socials-label,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .lx-step-n,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .lx-svc-index-n,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .lx-svc-price,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .lx-video-toggle,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .mk-dh-index,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .mk-dh-panel-head,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .mk-enq label,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .mk-enq legend,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .mk-enq-chip,
  .mk-demo-site.mk-demo-site[data-direction="pipe-run"] .mk-enq-steps li { font-size: .875rem; }
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .lx-btn,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .lx-eyebrow,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .lx-facts dt,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .lx-footer-legal,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .lx-hero-scroll,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .lx-price-amount,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .lx-socials-label,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .lx-svc-index-go,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .lx-svc-index-n,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .lx-svc-price,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .lx-video-toggle,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .mk-dh-index,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .mk-dh-links,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .mk-dh-panel-head,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .mk-enq label,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .mk-enq legend,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .mk-enq-chip,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] .mk-enq-steps li,
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] header.sticky :is(a, button).rounded-full[class*="px-5"][class*="text-brand-fg"],
  .mk-demo-site.mk-demo-site[data-direction="circuit-schedule"] section.max-w-2xl > form button[type="submit"] { font-size: .875rem; }
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .lx-btn,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .lx-eyebrow,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .lx-facts dt,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .lx-footer-legal,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .lx-hero-scroll,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .lx-prices--ledger .lx-price-amount,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .lx-proof-list li::before,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .lx-socials-label,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .lx-step-n::before,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .lx-svc-index-go,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .lx-svc-index-n,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .lx-svc-index-n::before,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .lx-video-toggle,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .mk-dh-index,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .mk-dh-links,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .mk-dh-menu > summary,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .mk-dh-panel-head,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .mk-enq label,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .mk-enq legend,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .mk-enq-chip,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] .mk-enq-steps li,
  .mk-demo-site.mk-demo-site[data-direction="training-block"] :is(.lx-svc-price, .lx-price-amount),
  .mk-demo-site.mk-demo-site[data-direction="training-block"] header.sticky :is(a, button).rounded-full[class*="px-5"][class*="text-brand-fg"],
  .mk-demo-site.mk-demo-site[data-direction="training-block"] section.max-w-2xl > form button[type="submit"] { font-size: .875rem; }
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .lx-eyebrow,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .lx-facts dt,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .lx-footer-legal,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .lx-hero-scroll,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .lx-prices--ledger .lx-price-amount,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .lx-socials-label,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .lx-svc-index-n,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .lx-video-toggle,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .mk-dh-index,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .mk-dh-panel-head,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .mk-enq label,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .mk-enq legend,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .mk-enq-chip,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] .mk-enq-steps li,
  .mk-demo-site.mk-demo-site[data-direction="quiet-room"] :is(.lx-svc-price, .lx-price-amount) { font-size: .875rem; }
}

/* ── system mode: the design's dark rules follow the visitor's device unless the owner fixed light or dark ── */
@media (prefers-color-scheme: dark) {
.mk-demo-site:is([data-direction="shade-card"], [data-direction="practice-chart"], [data-direction="lead-line"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"])[data-theme="system"] { --mk-art-paper: var(--lx-paper); }
.mk-demo-site.mk-demo-site:is([data-direction="practice-chart"], [data-direction="pipe-run"], [data-direction="circuit-schedule"], [data-direction="training-block"], [data-direction="quiet-room"])[data-theme="system"] .lx-img[src$=".svg"] { background-color: transparent; filter: invert(.92) hue-rotate(180deg) saturate(1.15); mix-blend-mode: lighten; }
}