/* ScanMySEO SEO Audit Solution — final-stage surgical enhancement layer
   Loaded after the existing component styles. All rules are page-scoped. */

body.seo-audit-solution-page {
  --patch-control-min: 44px;
  --patch-gap-xs: 0.45rem;
  --patch-gap-sm: 0.75rem;
  --patch-gap-md: 1rem;
  --patch-gap-lg: 1.5rem;
  --patch-gap-section: clamp(1.5rem, 3vw, 2.5rem);
  --patch-gap-major: clamp(2.5rem, 5vw, 4.5rem);
  --patch-motion-duration: 220ms;
  --patch-motion-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --patch-sticky-top: 5px;
  --patch-focus: 0 0 0 3px rgba(143, 207, 255, 0.52);
  --patch-selected-border: rgba(95, 210, 255, 0.86);
  --patch-selected-shadow: 0 0 0 2px rgba(30, 144, 255, 0.22), 0 12px 26px rgba(0, 0, 0, 0.22);
  max-width: 100%;
}

body.seo-audit-solution-page *,
body.seo-audit-solution-page *::before,
body.seo-audit-solution-page *::after {
  box-sizing: border-box;
}

body.seo-audit-solution-page :where(
  .cozmo-intelligence,
  .website-intelligence-loop,
  .convergence-engine,
  .cozmo-intelligence *,
  .website-intelligence-loop *,
  .convergence-engine *
) {
  min-width: 0;
}

body.seo-audit-solution-page :where(
  .cozmo-intelligence,
  .website-intelligence-loop,
  .convergence-engine,
  .cozmo-intelligence__chapter,
  .website-intelligence-loop__act,
  .convergence-engine__operating-surface,
  .convergence-engine__human-convergence,
  .convergence-engine__capability-view,
  .convergence-engine__provenance
) {
  max-width: 100%;
}

/* Existing .fade-in animation starts at parse time. Keep no-JS content visible;
   the patch script adds the explicit pending class only to observed sections. */
body.seo-audit-solution-page .fade-in {
  opacity: 1;
  transform: none;
  animation: none;
}

html.seo-audit-enhancements body.seo-audit-solution-page .patch-reveal-pending {
  opacity: 0;
  transform: translateY(12px);
}

html.seo-audit-enhancements body.seo-audit-solution-page .patch-reveal-pending.patch-reveal-visible {
  opacity: 1;
  transform: none;
  transition:
    opacity 460ms var(--patch-motion-ease),
    transform 460ms var(--patch-motion-ease);
}

/* Keep functional content and focus rings outside decorative clipping. */
body.seo-audit-solution-page :where(
  .cozmo-intelligence__reactor,
  .cozmo-intelligence__reactor-chambers,
  .website-intelligence-loop__continuum-shell,
  .website-intelligence-loop__surface-strip,
  .convergence-engine__provenance,
  .convergence-engine__provenance-track,
  .convergence-engine__role-output,
  .convergence-engine__footer
) {
  overflow: visible;
}

body.seo-audit-solution-page :where(
  .cozmo-intelligence__ambient,
  .website-intelligence-loop__ambient,
  .convergence-engine__ambient,
  .convergence-engine__boundary,
  .cozmo-intelligence__grid-field,
  .website-intelligence-loop__network,
  .convergence-engine__semantic-overlay
) {
  max-width: 100%;
  overflow: clip;
  pointer-events: none;
}

body.seo-audit-solution-page :where(
  .cozmo-intelligence__reactor-chambers,
  .website-intelligence-loop__surface-strip,
  .convergence-engine__provenance-track
) {
  padding-top: max(4px, var(--patch-gap-xs));
}

/* Shared interaction language: only real controls receive pointer, hover and focus affordances. */
body.seo-audit-solution-page :where(
  .cozmo-intelligence__mode-switch,
  .cozmo-intelligence__node,
  .cozmo-intelligence__ask-map,
  .cozmo-intelligence__role-selector,
  .cozmo-intelligence__question-rail,
  .cozmo-intelligence__output-switch,
  .cozmo-intelligence__reactor-chambers,
  .cozmo-intelligence__validation-switch,
  .website-intelligence-loop__stage-tabs,
  .website-intelligence-loop__system-item,
  .website-intelligence-loop__role-rail,
  .website-intelligence-loop__continuum-track,
  .website-intelligence-loop__master-rail,
  .convergence-engine__time-switch,
  .convergence-engine__intent-labels,
  .convergence-engine__role-rail,
  .convergence-engine__provenance-track,
  .patch-capability-sticky,
  .patch-stepper-nav
) button,
body.seo-audit-solution-page :where(
  .cozmo-intelligence__node,
  .website-intelligence-loop__system-item
) {
  min-height: var(--patch-control-min);
  cursor: pointer;
  touch-action: manipulation;
  transition:
    transform var(--patch-motion-duration) var(--patch-motion-ease),
    border-color var(--patch-motion-duration) var(--patch-motion-ease),
    background-color var(--patch-motion-duration) var(--patch-motion-ease),
    box-shadow var(--patch-motion-duration) var(--patch-motion-ease),
    opacity var(--patch-motion-duration) var(--patch-motion-ease);
}

body.seo-audit-solution-page :where(
  .cozmo-intelligence__mode-switch,
  .cozmo-intelligence__ask-map,
  .cozmo-intelligence__role-selector,
  .cozmo-intelligence__question-rail,
  .cozmo-intelligence__output-switch,
  .cozmo-intelligence__reactor-chambers,
  .cozmo-intelligence__validation-switch,
  .website-intelligence-loop__stage-tabs,
  .website-intelligence-loop__role-rail,
  .website-intelligence-loop__continuum-track,
  .website-intelligence-loop__master-rail,
  .convergence-engine__time-switch,
  .convergence-engine__intent-labels,
  .convergence-engine__role-rail,
  .convergence-engine__provenance-track,
  .patch-capability-sticky,
  .patch-stepper-nav
) button:hover,
body.seo-audit-solution-page :where(
  .cozmo-intelligence__node,
  .website-intelligence-loop__system-item
):hover {
  transform: translateY(-1px);
}

body.seo-audit-solution-page :where(button, [href], input[type="range"]):focus-visible {
  outline: 2px solid #b9e5ff;
  outline-offset: 3px;
  box-shadow: var(--patch-focus);
}

body.seo-audit-solution-page :where(
  [aria-pressed="true"],
  .is-selected,
  .is-active,
  .is-current,
  .is-patch-current
) {
  border-color: var(--patch-selected-border);
}

body.seo-audit-solution-page :where(
  .cozmo-intelligence__mode-switch,
  .cozmo-intelligence__ask-map,
  .cozmo-intelligence__role-selector,
  .cozmo-intelligence__question-rail,
  .cozmo-intelligence__output-switch,
  .cozmo-intelligence__reactor-chambers,
  .cozmo-intelligence__validation-switch,
  .website-intelligence-loop__stage-tabs,
  .website-intelligence-loop__role-rail,
  .website-intelligence-loop__continuum-track,
  .convergence-engine__time-switch,
  .convergence-engine__intent-labels,
  .convergence-engine__role-rail,
  .convergence-engine__provenance-track,
  .patch-capability-sticky
) button[aria-pressed="true"],
body.seo-audit-solution-page :where(
  .cozmo-intelligence__node,
  .website-intelligence-loop__system-item
)[aria-pressed="true"] {
  box-shadow: var(--patch-selected-shadow);
}

body.seo-audit-solution-page :where(
  .cozmo-intelligence__decision-panel,
  .cozmo-intelligence__page-readout,
  .cozmo-intelligence__evidence-card,
  .cozmo-intelligence__message,
  .cozmo-intelligence__reactor-readout,
  .website-intelligence-loop__stage-readout,
  .website-intelligence-loop__evidence-core,
  .website-intelligence-loop__perspective-output,
  .website-intelligence-loop__continuum-readout,
  .convergence-engine__response-surface,
  .convergence-engine__role-output,
  .convergence-engine__provenance-readout
) {
  cursor: default;
}

/* Common spacing rhythm for the specific collision boundaries in the audit. */
body.seo-audit-solution-page :where(
  .cozmo-intelligence__hero > .cozmo-intelligence__loop,
  .cozmo-intelligence__chapter-heading + .cozmo-intelligence__decision-shell,
  .cozmo-intelligence__chapter-heading + .cozmo-intelligence__ask-stage,
  .cozmo-intelligence__chapter-heading + .cozmo-intelligence__reactor,
  .cozmo-intelligence__chapter-heading + .cozmo-intelligence__timefold,
  .website-intelligence-loop__statement + .website-intelligence-loop__master-rail,
  .website-intelligence-loop__act-heading + .website-intelligence-loop__perspective-shell,
  .website-intelligence-loop__act-heading + .website-intelligence-loop__continuum-shell,
  .convergence-engine__header + .convergence-engine__operating-surface,
  .convergence-engine__provenance header + .convergence-engine__provenance-macro
) {
  margin-top: var(--patch-gap-section);
}

body.seo-audit-solution-page :where(
  .cozmo-intelligence__loop + .cozmo-intelligence__access-note,
  .cozmo-intelligence__mode-switch + .cozmo-intelligence__decision-layout,
  .cozmo-intelligence__console-control + .cozmo-intelligence__console-control,
  .cozmo-intelligence__console-control + .cozmo-intelligence__conversation,
  .cozmo-intelligence__conversation + .cozmo-intelligence__output-switch,
  .cozmo-intelligence__reactor-chambers + .cozmo-intelligence__reactor-controls,
  .cozmo-intelligence__reactor-controls + .cozmo-intelligence__reactor-readout,
  .cozmo-intelligence__reactor + .cozmo-intelligence__trust-strip,
  .cozmo-intelligence__timefold + .cozmo-intelligence__workflow-outcomes,
  .cozmo-intelligence__workflow-outcomes + .cozmo-intelligence__handoff,
  .website-intelligence-loop__points + .website-intelligence-loop__core-line,
  .website-intelligence-loop__core-line + .website-intelligence-loop__system-demo,
  .website-intelligence-loop__stage-tabs + .website-intelligence-loop__system-stage,
  .website-intelligence-loop__system-stage + .website-intelligence-loop__stage-readout,
  .website-intelligence-loop__stage-readout + .website-intelligence-loop__stage-slider,
  .website-intelligence-loop__role-rail + .website-intelligence-loop__prism-stage,
  .website-intelligence-loop__continuum-track + .website-intelligence-loop__continuum-slider,
  .website-intelligence-loop__continuum-slider + .website-intelligence-loop__surface-strip,
  .website-intelligence-loop__surface-strip + .website-intelligence-loop__continuum-readout,
  .website-intelligence-loop__vision-shift + .website-intelligence-loop__vision-actions,
  .convergence-engine__genome-caption + .convergence-engine__intent-lens,
  .convergence-engine__operating-surface + .convergence-engine__human-convergence,
  .convergence-engine__role-control + .convergence-engine__role-output,
  .convergence-engine__capability-view header + .convergence-engine__capability-list,
  .convergence-engine__provenance-macro + .convergence-engine__provenance-track,
  .convergence-engine__provenance-track + .convergence-engine__provenance-readout,
  .convergence-engine__provenance-readout + .convergence-engine__provenance-trust,
  .convergence-engine__trust-block + .convergence-engine__closing-copy,
  .convergence-engine__closing-copy + .convergence-engine__actions
) {
  margin-top: var(--patch-gap-lg);
}

/* The visual timefold divider is now a real pointer-drag surface while the
   existing range remains the only semantic slider. */
body.seo-audit-solution-page .cozmo-intelligence__fold-handle {
  box-sizing: content-box;
  padding-inline: 18px;
  margin-inline: -18px;
  background-clip: content-box;
  cursor: col-resize;
  touch-action: none;
  pointer-events: auto;
  user-select: none;
  z-index: 8;
}

body.seo-audit-solution-page .cozmo-intelligence__fold-handle:active,
body.seo-audit-solution-page .cozmo-intelligence__fold-handle.is-patch-dragging {
  cursor: grabbing;
}

body.seo-audit-solution-page .cozmo-intelligence__timefold.is-patch-dragging {
  user-select: none;
}

/* Measured progress tracks: JS writes actual button-centre pixels. */
body.seo-audit-solution-page :where(
  .website-intelligence-loop__continuum-track,
  .convergence-engine__provenance-track
) {
  --patch-track-start: 0px;
  --patch-track-end: 100%;
  --patch-track-current: 0px;
  --patch-track-fill: 0px;
}

body.seo-audit-solution-page .website-intelligence-loop__continuum-line,
body.seo-audit-solution-page .convergence-engine__provenance-line {
  left: var(--patch-track-start);
  right: auto;
  width: calc(var(--patch-track-end) - var(--patch-track-start));
}

body.seo-audit-solution-page .website-intelligence-loop__continuum-line > span,
body.seo-audit-solution-page .convergence-engine__provenance-line > span {
  width: var(--patch-track-fill);
  max-width: 100%;
  transform: none;
  transform-origin: left center;
  transition: width var(--patch-motion-duration) var(--patch-motion-ease);
}

body.seo-audit-solution-page .website-intelligence-loop__continuum-token,
body.seo-audit-solution-page .convergence-engine__provenance-token {
  left: var(--patch-track-current);
  transform: translateX(-50%);
  transition: left var(--patch-motion-duration) var(--patch-motion-ease);
}

body.seo-audit-solution-page .website-intelligence-loop__surface-strip > .is-patch-current {
  border-color: var(--patch-selected-border);
  box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.16);
}

/* Direct, accessible master navigation for the three WIL acts. */
body.seo-audit-solution-page .website-intelligence-loop__master-rail > li > .patch-master-nav-button {
  appearance: none;
  width: 100%;
  min-height: var(--patch-control-min);
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
}

body.seo-audit-solution-page .website-intelligence-loop__master-rail > li:has(.patch-master-nav-button:focus-visible) {
  outline: 2px solid #b9e5ff;
  outline-offset: 4px;
  box-shadow: var(--patch-focus);
}

/* Compact range status generated beside every staged slider. */
body.seo-audit-solution-page .patch-range-status {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: var(--patch-gap-xs) auto 0;
  padding: 0.35rem 0.62rem;
  border: 1px solid rgba(143, 207, 255, 0.24);
  border-radius: 999px;
  background: rgba(7, 15, 28, 0.58);
  color: #dceeff;
  font-size: 0.82rem;
  font-weight: 750;
  line-height: 1.35;
  text-align: center;
}

body.seo-audit-solution-page .patch-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Sticky capability context uses a zero-height sticky anchor, so it never
   produces a jump and naturally remains bounded by the Convergence section. */
body.seo-audit-solution-page .patch-capability-sticky-anchor {
  position: sticky;
  top: calc(var(--patch-sticky-top) + env(safe-area-inset-top, 0px));
  z-index: 940;
  height: 0;
  pointer-events: none;
}

body.seo-audit-solution-page .patch-capability-sticky {
  position: absolute;
  top: 0;
  left: clamp(0.5rem, 2vw, 1.25rem);
  right: clamp(0.5rem, 2vw, 1.25rem);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--patch-gap-sm);
  align-items: center;
  min-height: 48px;
  padding: 0.45rem 0.6rem;
  border: 1px solid rgba(95, 210, 255, 0.28);
  border-radius: 14px;
  background: rgba(8, 17, 31, 0.92);
  backdrop-filter: blur(14px) saturate(1.15);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3);
  color: #edf7ff;
  pointer-events: auto;
}

body.seo-audit-solution-page .patch-capability-sticky[hidden] {
  display: none;
}

body.seo-audit-solution-page .patch-capability-sticky__label {
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
}

body.seo-audit-solution-page .patch-capability-sticky__controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem;
}

body.seo-audit-solution-page .patch-capability-sticky button {
  min-height: 38px;
  padding: 0.45rem 0.65rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.055);
  color: inherit;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 850;
}

body.seo-audit-solution-page .patch-capability-sticky button[aria-pressed="true"] {
  border-color: rgba(95, 210, 255, 0.68);
  background: linear-gradient(135deg, rgba(30, 144, 255, 0.34), rgba(0, 191, 255, 0.16));
}

body.seo-audit-solution-page .patch-vision-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0.2rem 0.48rem;
  border: 1px solid rgba(255, 200, 87, 0.5);
  border-radius: 999px;
  background: rgba(255, 200, 87, 0.12);
  color: #ffdb8a;
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.seo-audit-solution-page .convergence-engine[data-ce-mode="horizon"] .convergence-engine__capability-list--now {
  opacity: 0.72;
}

body.seo-audit-solution-page .convergence-engine[data-ce-mode="horizon"] .convergence-engine__capability-list--horizon li {
  border-color: rgba(255, 200, 87, 0.26);
}

/* Breadcrumb and Page Skipper accessibility/containment. */
body.seo-audit-solution-page > .breadcrumb-container {
  overflow: visible;
}

body.seo-audit-solution-page > .breadcrumb-container .breadcrumb {
  white-space: normal;
}

body.seo-audit-solution-page .article-toc .toc-contents[hidden] {
  display: none;
}

body.seo-audit-solution-page .article-toc {
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  transition:
    opacity var(--patch-motion-duration) var(--patch-motion-ease),
    transform var(--patch-motion-duration) var(--patch-motion-ease);
}

body.seo-audit-solution-page.patch-capability-sticky-active .article-toc {
  opacity: 0.25;
  transform: scale(0.86);
  pointer-events: none;
}

body.seo-audit-solution-page :where(main h2, main h3, [id]) {
  scroll-margin-top: calc(var(--patch-sticky-top) + 74px);
}

/* Paused roots stop CSS-driven ambient work; canvas dimensions are suspended by JS. */
body.seo-audit-solution-page .patch-is-paused *,
body.seo-audit-solution-page .patch-is-paused *::before,
body.seo-audit-solution-page .patch-is-paused *::after {
  animation-play-state: paused !important;
}

/* Mobile intentionally becomes a control-and-result workflow, rather than a
   compressed desktop theatre. */
@media (max-width: 760px) {
  html,
  body.seo-audit-solution-page {
    max-width: 100%;
    overflow-x: clip;
  }

  body.seo-audit-solution-page main.pricing-container {
    width: 100%;
    max-width: 100%;
    padding-inline: clamp(0.55rem, 3.4vw, 1rem);
  }

  body.seo-audit-solution-page :where(
    .cozmo-intelligence,
    .website-intelligence-loop,
    .convergence-engine
  ) {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: clamp(0.7rem, 4vw, 1rem);
  }

  body.seo-audit-solution-page > .breadcrumb-container {
    width: calc(100% - 1rem);
    max-width: calc(100% - 1rem);
    overflow: visible;
  }

  body.seo-audit-solution-page > .breadcrumb-container .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0;
    white-space: normal;
  }

  body.seo-audit-solution-page > .breadcrumb-container .breadcrumb-item {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
  }

  body.seo-audit-solution-page > .breadcrumb-container .breadcrumb-item.active {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Compact wrapping grids. */
  body.seo-audit-solution-page :where(
    .cozmo-intelligence__loop,
    .cozmo-intelligence__mode-switch,
    .cozmo-intelligence__role-selector,
    .cozmo-intelligence__output-switch,
    .cozmo-intelligence__validation-switch,
    .website-intelligence-loop__stage-tabs,
    .website-intelligence-loop__role-rail,
    .convergence-engine__time-switch > div[role="group"],
    .convergence-engine__intent-labels,
    .convergence-engine__role-rail,
    .convergence-engine__actions,
    .website-intelligence-loop__vision-actions
  ) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: var(--patch-gap-sm) !important;
    overflow: visible !important;
  }

  body.seo-audit-solution-page .cozmo-intelligence__question-rail {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: var(--patch-gap-xs) !important;
    overflow: visible !important;
  }

  body.seo-audit-solution-page :where(
    .cozmo-intelligence__mode-switch,
    .cozmo-intelligence__role-selector,
    .cozmo-intelligence__question-rail,
    .cozmo-intelligence__output-switch,
    .cozmo-intelligence__validation-switch,
    .website-intelligence-loop__stage-tabs,
    .website-intelligence-loop__role-rail,
    .convergence-engine__intent-labels,
    .convergence-engine__role-rail,
    .convergence-engine__actions,
    .website-intelligence-loop__vision-actions
  ) > button,
  body.seo-audit-solution-page :where(
    .cozmo-intelligence__mode-switch,
    .cozmo-intelligence__role-selector,
    .cozmo-intelligence__question-rail,
    .cozmo-intelligence__output-switch,
    .cozmo-intelligence__validation-switch,
    .website-intelligence-loop__stage-tabs,
    .website-intelligence-loop__role-rail,
    .convergence-engine__intent-labels,
    .convergence-engine__role-rail
  ) button,
  body.seo-audit-solution-page :where(
    .convergence-engine__actions,
    .website-intelligence-loop__vision-actions
  ) > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: var(--patch-control-min);
    white-space: normal !important;
    overflow-wrap: anywhere;
    text-align: center;
  }

  /* Sequential systems become compact vertical steppers. */
  body.seo-audit-solution-page :where(
    .cozmo-intelligence__reactor-chambers,
    .website-intelligence-loop__master-rail,
    .website-intelligence-loop__continuum-track,
    .convergence-engine__provenance-macro,
    .convergence-engine__provenance-track
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: var(--patch-gap-xs) !important;
    overflow: visible !important;
  }

  body.seo-audit-solution-page [data-patch-stepper]:not(.is-patch-expanded) > button:not(.is-patch-current):not(.is-patch-adjacent) {
    display: none !important;
  }

  body.seo-audit-solution-page [data-patch-stepper] > button,
  body.seo-audit-solution-page .website-intelligence-loop__master-rail > li {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: var(--patch-control-min);
    margin: 0 !important;
    transform: none !important;
  }

  body.seo-audit-solution-page [data-patch-stepper] > button.is-patch-adjacent {
    opacity: 0.72;
    padding-block: 0.55rem !important;
  }

  body.seo-audit-solution-page [data-patch-stepper] > button.is-patch-current {
    opacity: 1;
    box-shadow: var(--patch-selected-shadow);
  }

  body.seo-audit-solution-page .cozmo-intelligence__reactor-chambers button small {
    display: none !important;
  }

  body.seo-audit-solution-page .cozmo-intelligence__reactor-chambers button.is-patch-current small {
    display: block !important;
    margin-top: 0.18rem;
  }

  body.seo-audit-solution-page .patch-stepper-nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: var(--patch-gap-xs);
    align-items: center;
    width: 100%;
    margin-top: var(--patch-gap-sm);
  }

  body.seo-audit-solution-page .patch-stepper-nav button {
    min-height: var(--patch-control-min);
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(143, 207, 255, 0.22);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.055);
    color: inherit;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 800;
  }

  body.seo-audit-solution-page .patch-stepper-nav output {
    color: #dceeff;
    font-size: 0.78rem;
    font-weight: 850;
    text-align: center;
    white-space: nowrap;
  }

  body.seo-audit-solution-page .patch-stepper-nav__toggle {
    grid-column: 1 / -1;
  }

  body.seo-audit-solution-page .website-intelligence-loop__surface-strip {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    gap: var(--patch-gap-xs) !important;
  }

  body.seo-audit-solution-page .website-intelligence-loop__surface-strip > :not(.is-patch-current) {
    display: none !important;
  }

  body.seo-audit-solution-page .convergence-engine__provenance-macro > :not(.is-patch-current) {
    display: none !important;
  }

  /* Purpose-built list modes replace radial/canvas geometry. */
  body.seo-audit-solution-page .cozmo-intelligence__constellation {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--patch-gap-xs) !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: var(--patch-gap-xs) !important;
    overflow: visible !important;
  }

  body.seo-audit-solution-page :where(
    .cozmo-intelligence__constellation-canvas,
    .cozmo-intelligence__grid-field,
    .cozmo-intelligence__core
  ) {
    display: none !important;
  }

  body.seo-audit-solution-page .cozmo-intelligence__node {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100% !important;
    min-height: var(--patch-control-min);
    margin: 0 !important;
    padding: 0.62rem 0.68rem !important;
    transform: none !important;
    text-align: left;
  }

  body.seo-audit-solution-page .cozmo-intelligence__node small {
    display: none;
  }

  body.seo-audit-solution-page .cozmo-intelligence__ask-map {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--patch-gap-xs) !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: var(--patch-gap-xs) !important;
    overflow: visible !important;
  }

  body.seo-audit-solution-page .cozmo-intelligence__ask-core {
    display: none !important;
  }

  body.seo-audit-solution-page .cozmo-intelligence__ask-map > button {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-height: var(--patch-control-min);
    margin: 0 !important;
    transform: none !important;
  }

  body.seo-audit-solution-page .website-intelligence-loop__system-stage {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--patch-gap-xs) !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: var(--patch-gap-xs) !important;
    overflow: visible !important;
  }

  body.seo-audit-solution-page :where(
    .website-intelligence-loop__sheet-head,
    .website-intelligence-loop__network,
    .website-intelligence-loop__journey-label,
    .website-intelligence-loop__priority-core
  ) {
    display: none !important;
  }

  body.seo-audit-solution-page .website-intelligence-loop__system-item {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.2rem 0.45rem;
    width: 100% !important;
    min-height: var(--patch-control-min);
    margin: 0 !important;
    padding: 0.62rem !important;
    transform: none !important;
    text-align: left;
  }

  body.seo-audit-solution-page .website-intelligence-loop__row-number {
    display: none !important;
  }

  body.seo-audit-solution-page .website-intelligence-loop__page-name {
    grid-column: 1;
    font-weight: 900;
  }

  body.seo-audit-solution-page .website-intelligence-loop__page-bucket {
    grid-column: 2;
    grid-row: 1;
    font-size: 0.7rem;
    text-align: right;
  }

  body.seo-audit-solution-page .website-intelligence-loop__page-signal {
    grid-column: 1 / -1;
    font-size: 0.76rem;
    line-height: 1.35;
  }

  body.seo-audit-solution-page .convergence-engine__genome-frame {
    position: relative !important;
    display: flex !important;
    flex-direction: column;
    gap: var(--patch-gap-md);
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: var(--patch-gap-md) !important;
    overflow: visible !important;
  }

  body.seo-audit-solution-page :where(
    .convergence-engine__canvas,
    .convergence-engine__semantic-overlay,
    .convergence-engine__genome-fallback,
    .convergence-engine__human-marker-label
  ) {
    display: none !important;
  }

  body.seo-audit-solution-page .convergence-engine__genome-caption,
  body.seo-audit-solution-page .convergence-engine__intent-lens,
  body.seo-audit-solution-page .convergence-engine__mobile-journey {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }

  body.seo-audit-solution-page .convergence-engine__mobile-journey {
    display: block !important;
  }

  body.seo-audit-solution-page .convergence-engine__mobile-journey article[hidden] {
    display: none !important;
  }

  body.seo-audit-solution-page .convergence-engine__mobile-journey article.is-patch-current {
    display: block;
    border-color: var(--patch-selected-border);
    box-shadow: var(--patch-selected-shadow);
  }

  /* Multi-panel output stacks. */
  body.seo-audit-solution-page :where(
    .cozmo-intelligence__decision-layout,
    .cozmo-intelligence__ask-stage,
    .cozmo-intelligence__reactor-readout,
    .website-intelligence-loop__act-grid,
    .website-intelligence-loop__prism-stage,
    .website-intelligence-loop__continuum-readout,
    .website-intelligence-loop__vision-shift,
    .convergence-engine__operating-surface,
    .convergence-engine__role-output,
    .convergence-engine__provenance-readout,
    .convergence-engine__footer
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: var(--patch-gap-md) !important;
  }

  body.seo-audit-solution-page .cozmo-intelligence__timefold-viewport {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--patch-gap-md) !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.seo-audit-solution-page .cozmo-intelligence__workflow {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    clip-path: none !important;
    transform: none !important;
  }

  body.seo-audit-solution-page .cozmo-intelligence__fold-handle {
    display: none !important;
  }

  body.seo-audit-solution-page .cozmo-intelligence__timefold-control {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: var(--patch-gap-xs) !important;
  }

  body.seo-audit-solution-page .website-intelligence-loop__vision-shift > div {
    transform: rotate(90deg);
    justify-self: center;
  }

  /* Sticky capability control becomes a compact full-width bar. */
  body.seo-audit-solution-page .patch-capability-sticky {
    left: 0.35rem;
    right: 0.35rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.38rem;
    border-radius: 11px;
  }

  body.seo-audit-solution-page .patch-capability-sticky__label {
    display: none;
  }

  body.seo-audit-solution-page .patch-capability-sticky__controls {
    grid-column: 1;
  }

  body.seo-audit-solution-page .patch-capability-sticky button {
    min-height: var(--patch-control-min);
    padding-inline: 0.45rem;
    font-size: 0.76rem;
  }

  body.seo-audit-solution-page .patch-vision-badge {
    grid-column: 2;
  }

  body.seo-audit-solution-page .article-toc {
    right: max(8px, env(safe-area-inset-right, 0px));
    bottom: calc(8px + env(safe-area-inset-bottom, 0px));
  }

  body.seo-audit-solution-page .toc-toggle-btn {
    max-width: 46px;
    min-width: 46px;
    min-height: 46px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-indent: -999px;
  }

  body.seo-audit-solution-page .toc-toggle-btn::after {
    content: "☰";
    display: grid;
    place-items: center;
    position: absolute;
    inset: 0;
    text-indent: 0;
    font-size: 1.1rem;
  }

  body.seo-audit-solution-page .article-toc .toc-contents {
    width: min(290px, calc(100vw - 1rem));
    max-width: calc(100vw - 1rem);
    right: 0;
  }

  body.seo-audit-solution-page .pricing-banner {
    background-attachment: scroll !important;
  }

  /* Keep selected controls and their results close. */
  body.seo-audit-solution-page :where(
    .cozmo-intelligence__decision-panel,
    .cozmo-intelligence__evidence-card,
    .cozmo-intelligence__conversation,
    .cozmo-intelligence__reactor-readout,
    .website-intelligence-loop__stage-readout,
    .website-intelligence-loop__perspective-output,
    .website-intelligence-loop__continuum-readout,
    .convergence-engine__mobile-journey,
    .convergence-engine__role-output,
    .convergence-engine__provenance-readout
  ) {
    margin-top: var(--patch-gap-sm) !important;
  }

  /* Dense copy remains readable without giant cards. */
  body.seo-audit-solution-page :where(
    .cozmo-intelligence__chapter,
    .website-intelligence-loop__act,
    .convergence-engine__human-convergence,
    .convergence-engine__capability-view,
    .convergence-engine__provenance
  ) {
    padding-block: clamp(1.1rem, 5vw, 1.8rem) !important;
  }
}

@media (max-width: 430px) {
  body.seo-audit-solution-page :where(
    .cozmo-intelligence__loop,
    .cozmo-intelligence__mode-switch,
    .cozmo-intelligence__role-selector,
    .cozmo-intelligence__output-switch,
    .cozmo-intelligence__validation-switch,
    .website-intelligence-loop__stage-tabs,
    .website-intelligence-loop__role-rail,
    .convergence-engine__intent-labels,
    .convergence-engine__role-rail,
    .convergence-engine__actions,
    .website-intelligence-loop__vision-actions,
    .cozmo-intelligence__constellation,
    .cozmo-intelligence__ask-map,
    .website-intelligence-loop__system-stage
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.seo-audit-solution-page .website-intelligence-loop__page-signal {
    display: none !important;
  }
}

@media (hover: none), (pointer: coarse) {
  body.seo-audit-solution-page :where(
    .cozmo-intelligence__visual,
    .website-intelligence-loop__system-stage,
    .convergence-engine__genome-frame
  ) {
    transform: none !important;
  }

  body.seo-audit-solution-page :where(button, a) {
    -webkit-tap-highlight-color: rgba(143, 207, 255, 0.18);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.seo-audit-solution-page {
    --patch-motion-duration: 0ms;
  }

  body.seo-audit-solution-page *,
  body.seo-audit-solution-page *::before,
  body.seo-audit-solution-page *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }

  body.seo-audit-solution-page :where(
    .cozmo-intelligence__constellation-canvas,
    .cozmo-intelligence__evidence-canvas,
    .convergence-engine__canvas
  ) {
    display: none !important;
  }

  html.seo-audit-enhancements body.seo-audit-solution-page .patch-reveal-pending,
  html.seo-audit-enhancements body.seo-audit-solution-page .patch-reveal-pending.patch-reveal-visible {
    opacity: 1;
    transform: none;
  }
}

/* Keep the floating Page Skipper clear of lower-page actions and the footer. */
body.seo-audit-solution-page.patch-toc-avoid .article-toc:not(.open) {
  transform: translateY(-64px) scale(0.9);
  opacity: 0.72;
}

body.seo-audit-solution-page .toc-toggle-btn {
  position: relative;
}

body.seo-audit-solution-page .convergence-engine__time-switch > .patch-vision-badge {
  width: fit-content;
  margin-top: var(--patch-gap-xs);
}

body.seo-audit-solution-page .website-intelligence-loop__master-rail .patch-master-nav-button {
  display: grid;
  gap: 0.2rem;
}

@media (max-width: 760px) {
  body.seo-audit-solution-page.patch-toc-avoid .article-toc:not(.open) {
    transform: translateY(-52px) scale(0.84);
  }
}

/* SEO_AUDIT_UI_POLISH_PATCH:BEGIN */
/*
 * Restrained follow-up polish for the final-stage enhancement layer.
 * Everything remains scoped to the SEO audit solution page.
 */

/* ---------- Hero-to-content rhythm and subtle breadcrumbs ---------- */

body.seo-audit-solution-page > .cozmo-intelligence-checkpoint {
  margin-bottom: 0;
}

body.seo-audit-solution-page > .breadcrumb-container {
  box-sizing: border-box;
  width: min(1200px, calc(100% - 2rem));
  margin: clamp(0.85rem, 1.6vw, 1.1rem) auto
          clamp(1rem, 2vw, 1.35rem) !important;
  padding: 0.42rem 0.68rem !important;
  overflow: visible !important;
  border: 1px solid rgba(143, 207, 255, 0.11);
  border-radius: 10px;
  background: #2a2c3b;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

body.seo-audit-solution-page > .breadcrumb-container .breadcrumb {
  display: flex;
  flex-wrap: wrap !important;
  align-items: center;
  gap: 0.12rem 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  white-space: normal !important;
}

body.seo-audit-solution-page > .breadcrumb-container .breadcrumb-item {
  min-width: 0;
  color: #aeb9c8;
  font-size: 0.82rem;
  line-height: 1.45;
}

body.seo-audit-solution-page
  > .breadcrumb-container
  .breadcrumb-item
  + .breadcrumb-item::before {
  content: "›";
  margin: 0 0.52rem;
  color: #69788c;
}

body.seo-audit-solution-page > .breadcrumb-container .breadcrumb-item a {
  color: #a8d7fb;
  text-decoration: none;
  text-underline-offset: 0.16em;
}

body.seo-audit-solution-page
  > .breadcrumb-container
  .breadcrumb-item
  a:hover,
body.seo-audit-solution-page
  > .breadcrumb-container
  .breadcrumb-item
  a:focus-visible {
  color: #ffffff;
  text-decoration: underline;
}

body.seo-audit-solution-page
  > .breadcrumb-container
  .breadcrumb-item.active {
  color: #d9e0ea;
  overflow-wrap: anywhere;
}

/* ---------- Generated compact stepper navigation ---------- */

body.seo-audit-solution-page .patch-stepper-nav {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem;
  gap: 0.5rem;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin-top: 0.75rem;
  padding: 0.55rem;
  overflow: visible;
  border: 1px solid rgba(143, 207, 255, 0.16);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
  box-shadow: 0 10px 28px rgba(4, 10, 22, 0.16);
}

body.seo-audit-solution-page
  .patch-stepper-nav
  > button[data-patch-stepper-prev],
body.seo-audit-solution-page
  .patch-stepper-nav
  > button[data-patch-stepper-next] {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(143, 207, 255, 0.24);
  border-radius: 10px;
  background: rgba(20, 39, 65, 0.78);
  color: #e9f6ff;
  font: inherit;
  font-size: 1.18rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease;
}

body.seo-audit-solution-page
  .patch-stepper-nav
  > button[data-patch-stepper-prev]:hover:not(:disabled),
body.seo-audit-solution-page
  .patch-stepper-nav
  > button[data-patch-stepper-next]:hover:not(:disabled) {
  border-color: rgba(143, 207, 255, 0.55);
  background: rgba(30, 87, 137, 0.72);
  transform: translateY(-1px);
  box-shadow: 0 7px 16px rgba(8, 31, 56, 0.24);
}

body.seo-audit-solution-page
  .patch-stepper-nav
  > button[data-patch-stepper-prev]:active:not(:disabled),
body.seo-audit-solution-page
  .patch-stepper-nav
  > button[data-patch-stepper-next]:active:not(:disabled) {
  transform: translateY(0);
}

body.seo-audit-solution-page .patch-stepper-nav button:focus-visible {
  outline: 3px solid rgba(95, 210, 255, 0.36);
  outline-offset: 2px;
}

body.seo-audit-solution-page .patch-stepper-nav button:disabled {
  opacity: 0.38;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

body.seo-audit-solution-page .patch-stepper-nav output {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0.2rem 0.35rem;
  color: #dcecff;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.28;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.seo-audit-solution-page
  .patch-stepper-nav
  > .patch-stepper-nav__toggle {
  grid-column: 1 / -1;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 2.5rem;
  margin: 0;
  padding: 0.58rem 0.75rem;
  border: 1px solid rgba(143, 207, 255, 0.15);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.035);
  color: #bcd5e9;
  font: inherit;
  font-size: 0.76rem;
  font-weight: 750;
  line-height: 1.2;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    color 160ms ease;
}

body.seo-audit-solution-page
  .patch-stepper-nav
  > .patch-stepper-nav__toggle:hover,
body.seo-audit-solution-page
  .patch-stepper-nav
  > .patch-stepper-nav__toggle:focus-visible {
  border-color: rgba(143, 207, 255, 0.38);
  background: rgba(143, 207, 255, 0.075);
  color: #ffffff;
}

/* ---------- Ask Cozmo output-format switch containment ---------- */

body.seo-audit-solution-page .cozmo-intelligence__console,
body.seo-audit-solution-page .cozmo-intelligence__conversation,
body.seo-audit-solution-page .cozmo-intelligence__message {
  min-width: 0;
  max-width: 100%;
}

body.seo-audit-solution-page .cozmo-intelligence__output-switch {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.5rem !important;
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding: 0.48rem !important;
  overflow: visible !important;
}

body.seo-audit-solution-page
  .cozmo-intelligence__output-switch
  > button {
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0.68rem 0.55rem !important;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: normal;
  line-height: 1.25;
  text-align: center;
}

/* ---------- Narrow-screen refinements ---------- */

@media (max-width: 680px) {
  body.seo-audit-solution-page > .breadcrumb-container {
    width: calc(100% - 1rem);
    margin-top: 0.75rem !important;
    margin-bottom: 1rem !important;
    padding: 0.4rem 0.55rem !important;
  }

  body.seo-audit-solution-page
    > .breadcrumb-container
    .breadcrumb-item {
    font-size: 0.77rem;
  }

  body.seo-audit-solution-page .cozmo-intelligence__output-switch {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.seo-audit-solution-page
    .cozmo-intelligence__output-switch
    > button:nth-child(3) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 430px) {
  body.seo-audit-solution-page .patch-stepper-nav {
    grid-template-columns: 2.65rem minmax(0, 1fr) 2.65rem;
    gap: 0.4rem;
    padding: 0.48rem;
  }

  body.seo-audit-solution-page
    .patch-stepper-nav
    > button[data-patch-stepper-prev],
  body.seo-audit-solution-page
    .patch-stepper-nav
    > button[data-patch-stepper-next] {
    width: 2.65rem;
    min-width: 2.65rem;
    min-height: 2.65rem;
  }

  body.seo-audit-solution-page .patch-stepper-nav output {
    padding-inline: 0.15rem;
    font-size: 0.72rem;
  }

  body.seo-audit-solution-page .cozmo-intelligence__output-switch {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.seo-audit-solution-page
    .cozmo-intelligence__output-switch
    > button:nth-child(3) {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.seo-audit-solution-page .patch-stepper-nav button {
    transition: none !important;
  }
}
/* SEO_AUDIT_UI_POLISH_PATCH:END */