/*
 * LogicProHub Standard Design System
 * Purpose: one frontend visual contract for LogicProHub pages and automation actors.
 * This is a transition layer. It uses body.lph-std specificity to beat legacy CSS safely.
 */

:root {
  --lph-std-bg: #07111f;
  --lph-std-bg-2: #0b1220;
  --lph-std-surface: #111827;
  --lph-std-surface-2: #162033;
  --lph-std-inset: #07101d;
  --lph-std-border: rgba(148, 163, 184, 0.24);
  --lph-std-border-strong: rgba(148, 163, 184, 0.38);
  --lph-std-text: #f8fafc;
  --lph-std-body: #cbd5e1;
  --lph-std-muted: #94a3b8;
  --lph-std-accent: #2dd4bf;
  --lph-std-accent-2: #38bdf8;
  --lph-std-accent-ink: #04111e;
  --lph-std-danger: #fb7185;
  --lph-std-input-bg: #ffffff;
  --lph-std-input-text: #0f172a;
  --lph-std-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --lph-std-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --lph-std-radius: 8px;
  --lph-std-radius-lg: 10px;
  --lph-std-shadow: 0 20px 56px rgba(0, 0, 0, 0.26);
  --lph-std-container: 1200px;
}

body.lph-std {
  overflow-x: hidden;
  background: var(--lph-std-bg) !important;
  color: var(--lph-std-body) !important;
  font-family: var(--lph-std-font) !important;
  font-size: 16px;
  line-height: 1.65;
  letter-spacing: 0;
}

body.lph-std *,
body.lph-std *::before,
body.lph-std *::after {
  box-sizing: border-box;
}

body.lph-std .site,
body.lph-std .site-content,
body.lph-std .content-area,
body.lph-std .site-main,
body.lph-std .entry-content {
  background: transparent !important;
}

body.lph-std .content-area,
body.lph-std .site-main,
body.lph-std .entry-content > * {
  max-width: var(--lph-std-container);
}

body.lph-std .content-area,
body.lph-std .site-main {
  width: min(var(--lph-std-container), calc(100vw - 48px)) !important;
  margin-inline: auto !important;
  float: none !important;
}

body.lph-std h1,
body.lph-std h2,
body.lph-std h3,
body.lph-std h4,
body.lph-std h5,
body.lph-std h6,
body.lph-std .entry-title,
body.lph-std .product_title {
  color: var(--lph-std-text) !important;
  font-family: var(--lph-std-font) !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

body.lph-std h1,
body.lph-std .entry-title,
body.lph-std .product_title {
  max-width: 900px;
  font-size: 44px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
}

body.lph-std h2 {
  font-size: 32px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

body.lph-std h3 {
  font-size: 21px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
}

body.lph-std p,
body.lph-std li,
body.lph-std td,
body.lph-std th,
body.lph-std label,
body.lph-std legend {
  color: var(--lph-std-body) !important;
  letter-spacing: 0 !important;
}

body.lph-std a {
  color: var(--lph-std-accent-2);
}

body.lph-std .site-header,
body.lph-std .main-header-bar,
body.lph-std .ast-primary-header-bar {
  background: #070b12 !important;
  border-bottom: 1px solid var(--lph-std-border) !important;
}

body.lph-std .site-header a,
body.lph-std .main-header-menu a,
body.lph-std .ast-builder-menu a,
body.lph-std .site-title a,
body.lph-std .ast-site-title-wrap a {
  color: var(--lph-std-text) !important;
  font-family: var(--lph-std-font) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

body.lph-std .site-description,
body.lph-std .ast-site-title-wrap .site-description {
  color: var(--lph-std-muted) !important;
}

body.lph-std .main-header-menu .menu-link,
body.lph-std .ast-builder-menu .menu-link {
  border-radius: 999px;
  min-height: 44px;
}

body.lph-std .lph-header-contact-btn > a,
body.lph-std #menu-item-200798 > a,
body.lph-std .site-header a[href*="/contact/"],
body.lph-std .site-header a[href*="/automation-tools/"].lph-shell-cta,
body.lph-std .site-header .lph-shell-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--lph-std-accent) !important;
  color: var(--lph-std-accent-ink) !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.lph-std .site-header a[href*="/automation-tools/"]:last-child,
body.lph-std .site-header a[href*="/automation-tools/"].menu-link {
  color: var(--lph-std-text) !important;
}

body.lph-std .wpmenucartli,
body.lph-std .ast-site-header-cart {
  display: none !important;
}

body.lph-std .lph-shell-wrap,
body.lph-std .lph-section-inner,
body.lph-std .lph-hero-inner,
body.lph-std .lph-footer-grid,
body.lph-std .lph-footer-bottom,
body.lph-std .lph-about,
body.lph-std .lph-home,
body.lph-std .lph-code-wrap,
body.lph-std .lph-aw-wrap,
body.lph-std .lph-academic-wrap {
  width: min(var(--lph-std-container), calc(100vw - 48px)) !important;
  max-width: var(--lph-std-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.lph-std .lph-section,
body.lph-std .lph-about .lph-section {
  padding: 56px 0 !important;
}

body.lph-std .lph-hero,
body.lph-std .lph-about-hero,
body.lph-std .lph-code-wrap > .lph-card:first-child,
body.lph-std .lph-aw-hero,
body.lph-std .lph-academic-hero {
  padding: 42px !important;
  border: 1px solid var(--lph-std-border) !important;
  border-radius: var(--lph-std-radius-lg) !important;
  background: var(--lph-std-surface) !important;
  box-shadow: var(--lph-std-shadow) !important;
}

body.lph-std .lph-hero h1,
body.lph-std .lph-code-wrap > .lph-card:first-child h1,
body.lph-std .lph-aw-hero h1 {
  max-width: 880px !important;
  font-size: 46px !important;
  line-height: 1.08 !important;
  margin-bottom: 16px !important;
}

body.lph-std .lph-hero p,
body.lph-std .lph-code-wrap > .lph-card:first-child p,
body.lph-std .lph-aw-hero p {
  max-width: 860px !important;
  color: var(--lph-std-body) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

body.lph-std .lph-grid,
body.lph-std .lph-grid-3,
body.lph-std .lph-grid-4,
body.lph-std .lph-steps,
body.lph-std .lph-list,
body.lph-std .lph-faq,
body.lph-std .lph-v4-actor-grid {
  display: grid !important;
  gap: 20px !important;
}

body.lph-std .lph-grid,
body.lph-std .lph-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.lph-std .lph-grid-4,
body.lph-std .lph-v4-actor-grid,
body.lph-std .lph-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.lph-std .lph-list,
body.lph-std .lph-faq {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.lph-std .lph-card,
body.lph-std .lph-step,
body.lph-std .lph-item,
body.lph-std .lph-v4-actor-card,
body.lph-std .lph-faq details {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 24px !important;
  border: 1px solid var(--lph-std-border) !important;
  border-radius: var(--lph-std-radius) !important;
  background: var(--lph-std-surface-2) !important;
  color: var(--lph-std-body) !important;
  box-shadow: none !important;
}

body.lph-std .lph-card h3,
body.lph-std .lph-step h3,
body.lph-std .lph-item h3,
body.lph-std .lph-v4-actor-card h3 {
  color: var(--lph-std-text) !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  margin: 0 0 10px !important;
}

body.lph-std .lph-card p,
body.lph-std .lph-step p,
body.lph-std .lph-item p,
body.lph-std .lph-v4-actor-card p {
  color: var(--lph-std-body) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

body.lph-std .lph-icon,
body.lph-std .lph-num,
body.lph-std .lph-v4-actor-card-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 16px !important;
  border-radius: var(--lph-std-radius) !important;
  border: 1px solid rgba(45, 212, 191, 0.36) !important;
  background: rgba(45, 212, 191, 0.12) !important;
  color: var(--lph-std-accent) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

body.lph-std .lph-btn,
body.lph-std .lph-primary,
body.lph-std .button,
body.lph-std button[type="submit"],
body.lph-std input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--lph-std-accent) !important;
  color: var(--lph-std-accent-ink) !important;
  font-family: var(--lph-std-font) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.lph-std .lph-btn:hover,
body.lph-std .button:hover,
body.lph-std button[type="submit"]:hover,
body.lph-std input[type="submit"]:hover {
  background: #5eead4 !important;
  color: var(--lph-std-accent-ink) !important;
}

body.lph-std input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
body.lph-std textarea,
body.lph-std select,
body.lph-std .select2-selection {
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 14px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: var(--lph-std-radius) !important;
  background: var(--lph-std-input-bg) !important;
  color: var(--lph-std-input-text) !important;
  font-family: var(--lph-std-font) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

body.lph-std textarea {
  min-height: 180px !important;
  resize: vertical !important;
}

body.lph-std input[type="checkbox"],
body.lph-std input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  accent-color: var(--lph-std-accent);
}

body.lph-std label {
  display: block;
  margin-bottom: 8px !important;
  font-weight: 800 !important;
}

body.lph-std .lph-form-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
  gap: 28px !important;
  margin: 48px auto !important;
  padding: 32px !important;
  border: 1px solid var(--lph-std-border) !important;
  border-radius: var(--lph-std-radius-lg) !important;
  background: var(--lph-std-surface) !important;
}

body.lph-std .lph-request-form {
  padding: 22px !important;
  border: 1px solid var(--lph-std-border) !important;
  border-radius: var(--lph-std-radius) !important;
  background: var(--lph-std-inset) !important;
}

body.lph-std .lph-request-form label {
  margin-bottom: 14px !important;
}

body.lph-std .lph-mini {
  color: var(--lph-std-accent) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.lph-std .lph-code-wrap {
  padding: 48px 0 72px !important;
}

body.lph-std .lph-code-wrap > .lph-card {
  margin-bottom: 28px !important;
}

body.lph-std .lph-code-wrap > .lph-card:first-child .lph-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.lph-std .lph-code-wrap > .lph-card:first-child .lph-card {
  background: #ffffff !important;
  border-color: rgba(203, 213, 225, 0.75) !important;
}

body.lph-std .lph-code-wrap > .lph-card:first-child .lph-card h3 {
  color: #0f172a !important;
}

body.lph-std .lph-code-wrap > .lph-card:first-child .lph-card p {
  color: #475569 !important;
}

body.lph-std #lph-code-refiner-form {
  display: block !important;
  width: 100% !important;
  max-width: var(--lph-std-container) !important;
  padding: 32px !important;
  border: 1px solid var(--lph-std-border) !important;
  border-radius: var(--lph-std-radius-lg) !important;
  background: var(--lph-std-surface) !important;
}

body.lph-std #lph-code-refiner-form .lph-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.85fr) minmax(440px, 1.15fr) !important;
  gap: 24px !important;
  align-items: start !important;
  margin-bottom: 24px !important;
}

body.lph-std #lph-code-refiner-form .lph-grid:nth-of-type(2) {
  grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  max-width: 760px !important;
}

body.lph-std #lph-code-text {
  min-height: 360px !important;
  width: 100% !important;
  font-family: var(--lph-std-mono) !important;
  font-size: 14px !important;
}

body.lph-std #lph-code-refiner-form .lph-premium,
body.lph-std #lph-code-refiner-form [class*="premium"],
body.lph-std .lph-premium {
  width: 100% !important;
  margin-top: 26px !important;
  padding: 24px !important;
  border: 1px solid rgba(45, 212, 191, 0.34) !important;
  border-radius: var(--lph-std-radius) !important;
  background: var(--lph-std-inset) !important;
  color: var(--lph-std-body) !important;
}

body.lph-std #lph-code-refiner-form .lph-premium label,
body.lph-std #lph-code-refiner-form [class*="premium"] label,
body.lph-std .lph-premium label {
  color: var(--lph-std-text) !important;
}

body.lph-std #lph-code-refiner-form .lph-premium textarea,
body.lph-std #lph-code-refiner-form [class*="premium"] textarea {
  min-height: 240px !important;
  font-family: var(--lph-std-mono) !important;
}

body.lph-std #lph-code-submit {
  margin-top: 24px !important;
  min-width: 210px !important;
}

body.lph-std-academic-refiner .entry-content,
body.lph-std-academic-refiner .site-main {
  padding-top: 42px !important;
}

body.lph-std-academic-refiner .entry-title {
  display: block !important;
  color: var(--lph-std-text) !important;
}

body.lph-std-academic-refiner .lph-academic-workspace,
body.lph-std-academic-refiner .lph-aw-workspace,
body.lph-std-academic-refiner .lph-academic-card,
body.lph-std-academic-refiner .lph-aw-card {
  border: 1px solid var(--lph-std-border) !important;
  border-radius: var(--lph-std-radius-lg) !important;
  background: var(--lph-std-surface) !important;
  color: var(--lph-std-body) !important;
}

body.lph-std-academic-refiner textarea {
  min-height: 260px !important;
}

body.lph-std-product div.product {
  display: grid !important;
  grid-template-columns: minmax(280px, 400px) minmax(0, 1fr) !important;
  gap: 42px !important;
  align-items: start !important;
}

body.lph-std-product div.product .woocommerce-product-gallery,
body.lph-std-product div.product .images {
  width: 100% !important;
  max-width: 400px !important;
  float: none !important;
  margin: 0 !important;
  padding: 22px !important;
  border: 1px solid var(--lph-std-border) !important;
  border-radius: var(--lph-std-radius-lg) !important;
  background: #ffffff !important;
}

body.lph-std-product div.product .summary.entry-summary {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

body.lph-std-product .woocommerce-tabs {
  grid-column: 1 / -1 !important;
  margin-top: 42px !important;
  padding: 28px !important;
  border: 1px solid var(--lph-std-border) !important;
  border-radius: var(--lph-std-radius-lg) !important;
  background: var(--lph-std-surface) !important;
}

body.lph-std-product .woocommerce-tabs ul.tabs {
  display: none !important;
}

body.lph-std.woocommerce-cart .woocommerce,
body.lph-std.woocommerce-checkout form.checkout,
body.lph-std.woocommerce-account .woocommerce {
  padding: 28px !important;
  border: 1px solid var(--lph-std-border) !important;
  border-radius: var(--lph-std-radius-lg) !important;
  background: var(--lph-std-surface) !important;
}

body.lph-std.woocommerce-checkout form.checkout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.8fr) !important;
  gap: 32px !important;
}

body.lph-std.woocommerce-checkout #customer_details,
body.lph-std.woocommerce-checkout #order_review {
  width: 100% !important;
  margin: 0 !important;
  padding: 24px !important;
  border: 1px solid var(--lph-std-border) !important;
  border-radius: var(--lph-std-radius) !important;
  background: var(--lph-std-inset) !important;
}

body.lph-std.woocommerce-checkout #order_review_heading {
  grid-column: 2 !important;
  margin: 0 !important;
  color: var(--lph-std-text) !important;
}

body.lph-std.woocommerce-checkout #order_review {
  grid-column: 2 !important;
}

body.lph-std.woocommerce-checkout #customer_details {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
}

body.lph-std table.shop_table {
  border: 1px solid var(--lph-std-border) !important;
  border-radius: var(--lph-std-radius) !important;
  overflow: hidden !important;
  background: var(--lph-std-inset) !important;
}

body.lph-std table.shop_table th,
body.lph-std table.shop_table td {
  border-color: var(--lph-std-border) !important;
  color: var(--lph-std-body) !important;
}

body.lph-std .woocommerce-error,
body.lph-std .woocommerce-info,
body.lph-std .woocommerce-message {
  border-radius: var(--lph-std-radius) !important;
}

@media (max-width: 980px) {
  body.lph-std .content-area,
  body.lph-std .site-main,
  body.lph-std .lph-shell-wrap,
  body.lph-std .lph-section-inner,
  body.lph-std .lph-hero-inner,
  body.lph-std .lph-code-wrap,
  body.lph-std .lph-aw-wrap,
  body.lph-std .lph-academic-wrap {
    width: min(100%, calc(100vw - 32px)) !important;
  }

  body.lph-std .lph-grid,
  body.lph-std .lph-grid-3,
  body.lph-std .lph-grid-4,
  body.lph-std .lph-v4-actor-grid,
  body.lph-std .lph-steps,
  body.lph-std .lph-list,
  body.lph-std .lph-faq,
  body.lph-std .lph-form-wrap,
  body.lph-std #lph-code-refiner-form .lph-grid,
  body.lph-std-product div.product,
  body.lph-std.woocommerce-checkout form.checkout {
    grid-template-columns: 1fr !important;
  }

  body.lph-std.woocommerce-checkout #customer_details,
  body.lph-std.woocommerce-checkout #order_review_heading,
  body.lph-std.woocommerce-checkout #order_review {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body.lph-std .lph-hero,
  body.lph-std .lph-code-wrap > .lph-card:first-child,
  body.lph-std #lph-code-refiner-form,
  body.lph-std .lph-form-wrap {
    padding: 24px !important;
  }

  body.lph-std h1,
  body.lph-std .entry-title,
  body.lph-std .product_title,
  body.lph-std .lph-hero h1,
  body.lph-std .lph-code-wrap > .lph-card:first-child h1 {
    font-size: 34px !important;
  }

  body.lph-std #lph-code-text {
    min-height: 280px !important;
  }
}

/*
 * Phase 2 actor stabilization
 * This block deliberately also targets legacy body classes because some existing
 * actors still emit their own HTML/CSS before they are migrated to one template.
 */

body.lph-std .lph-shell-header,
body.lph-ai-code-refiner-page .lph-shell-header,
body.lph-std .site-header,
body.lph-ai-code-refiner-page .site-header,
body.lph-std #masthead,
body.lph-ai-code-refiner-page #masthead {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 1000 !important;
  transform: none !important;
  min-height: 76px !important;
  background: #070b12 !important;
}

body.admin-bar.lph-ai-code-refiner-page .lph-shell-header,
body.admin-bar.lph-std .lph-shell-header,
body.admin-bar.lph-ai-code-refiner-page #masthead,
body.admin-bar.lph-std #masthead {
  top: auto !important;
}

body.lph-ai-code-refiner-page .ast-desktop-header-content,
body.lph-ai-code-refiner-page .ast-mobile-header-content,
body.lph-ai-code-refiner-page .ast-search-menu-icon.ast-dropdown-active .search-form,
body.lph-ai-code-refiner-page .ast-search-menu-icon.slide-search .search-form,
body.lph-std .ast-desktop-header-content,
body.lph-std .ast-mobile-header-content {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.lph-std .site-content,
body.lph-ai-code-refiner-page .site-content {
  padding-top: 34px !important;
}

body.lph-std .lph-shell-wrap,
body.lph-ai-code-refiner-page .lph-shell-wrap {
  width: min(var(--lph-std-container), calc(100vw - 48px)) !important;
  max-width: var(--lph-std-container) !important;
  margin-inline: auto !important;
}

body.lph-std .lph-shell-nav,
body.lph-ai-code-refiner-page .lph-shell-nav {
  min-height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

body.lph-std .lph-shell-menu,
body.lph-ai-code-refiner-page .lph-shell-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}

body.lph-std .lph-shell-menu a,
body.lph-ai-code-refiner-page .lph-shell-menu a {
  color: var(--lph-std-text) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.lph-std .lph-shell-menu .lph-shell-cta,
body.lph-ai-code-refiner-page .lph-shell-menu .lph-shell-cta {
  min-height: 46px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: var(--lph-std-accent) !important;
  color: var(--lph-std-accent-ink) !important;
  white-space: nowrap !important;
}

body.lph-ai-code-refiner-page .lph-code-wrap,
body.lph-std-code-refiner .lph-code-wrap {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: 1180px !important;
  margin: 42px auto 80px !important;
  padding: 0 !important;
}

body.lph-ai-code-refiner-page .lph-code-wrap > .lph-card,
body.lph-std-code-refiner .lph-code-wrap > .lph-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 26px !important;
  padding: 36px !important;
  border: 1px solid var(--lph-std-border) !important;
  border-radius: var(--lph-std-radius-lg) !important;
  background: var(--lph-std-surface) !important;
  color: var(--lph-std-body) !important;
  box-shadow: none !important;
}

body.lph-ai-code-refiner-page .lph-code-wrap .lph-title,
body.lph-std-code-refiner .lph-code-wrap .lph-title {
  max-width: 960px !important;
  color: var(--lph-std-text) !important;
  font-size: clamp(38px, 4vw, 56px) !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  margin: 0 0 16px !important;
}

body.lph-ai-code-refiner-page .lph-code-wrap .lph-subtitle,
body.lph-std-code-refiner .lph-code-wrap .lph-subtitle {
  max-width: 980px !important;
  color: var(--lph-std-body) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  font-weight: 650 !important;
  margin: 0 0 22px !important;
}

body.lph-ai-code-refiner-page .lph-code-wrap .lph-subtitle strong,
body.lph-std-code-refiner .lph-code-wrap .lph-subtitle strong {
  color: var(--lph-std-body) !important;
  font-weight: 750 !important;
}

body.lph-ai-code-refiner-page .lph-feature-grid,
body.lph-std-code-refiner .lph-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 24px 0 22px !important;
}

body.lph-ai-code-refiner-page .lph-feature,
body.lph-ai-code-refiner-page .lph-acr-feature-card,
body.lph-std-code-refiner .lph-feature {
  min-height: 170px !important;
  padding: 22px !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  border-radius: var(--lph-std-radius) !important;
  background: #ffffff !important;
  color: #0f172a !important;
}

body.lph-ai-code-refiner-page .lph-feature h3,
body.lph-ai-code-refiner-page .lph-feature h4,
body.lph-ai-code-refiner-page .lph-feature .lph-card-title,
body.lph-ai-code-refiner-page .lph-acr-feature-card h3,
body.lph-ai-code-refiner-page .lph-acr-feature-card h4,
body.lph-std-code-refiner .lph-feature h3,
body.lph-std-code-refiner .lph-feature h4 {
  color: #0f172a !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 850 !important;
}

body.lph-ai-code-refiner-page .lph-feature p,
body.lph-ai-code-refiner-page .lph-acr-feature-card p,
body.lph-std-code-refiner .lph-feature p {
  color: #475569 !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 600 !important;
}

body.lph-ai-code-refiner-page .lph-cta-box,
body.lph-std-code-refiner .lph-cta-box {
  padding: 20px 22px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: var(--lph-std-radius) !important;
  background: var(--lph-std-inset) !important;
}

body.lph-ai-code-refiner-page .lph-cta-box p,
body.lph-ai-code-refiner-page .lph-cta-box strong,
body.lph-std-code-refiner .lph-cta-box p,
body.lph-std-code-refiner .lph-cta-box strong {
  color: var(--lph-std-body) !important;
  opacity: 1 !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form,
body.lph-std-code-refiner #lph-code-refiner-form {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 34px !important;
  border: 1px solid var(--lph-std-border) !important;
  border-radius: var(--lph-std-radius-lg) !important;
  background: var(--lph-std-surface) !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form > .lph-grid:first-of-type,
body.lph-std-code-refiner #lph-code-refiner-form > .lph-grid:first-of-type {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.78fr) minmax(560px, 1.22fr) !important;
  gap: 28px !important;
  align-items: start !important;
  margin-bottom: 24px !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form > .lph-grid:nth-of-type(2),
body.lph-std-code-refiner #lph-code-refiner-form > .lph-grid:nth-of-type(2) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
  max-width: 760px !important;
  gap: 20px !important;
  margin: 0 0 22px !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form > .lph-grid > div,
body.lph-std-code-refiner #lph-code-refiner-form > .lph-grid > div {
  min-width: 0 !important;
  width: 100% !important;
}

body.lph-ai-code-refiner-page .lph-label,
body.lph-ai-code-refiner-page #lph-code-refiner-form label,
body.lph-ai-code-refiner-page #lph-code-refiner-form legend,
body.lph-std-code-refiner .lph-label,
body.lph-std-code-refiner #lph-code-refiner-form label,
body.lph-std-code-refiner #lph-code-refiner-form legend {
  color: var(--lph-std-text) !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
  margin: 0 0 10px !important;
}

body.lph-ai-code-refiner-page .lph-muted,
body.lph-std-code-refiner .lph-muted {
  color: var(--lph-std-body) !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-weight: 600 !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-input,
body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-select,
body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-textarea,
body.lph-std-code-refiner #lph-code-refiner-form .lph-input,
body.lph-std-code-refiner #lph-code-refiner-form .lph-select,
body.lph-std-code-refiner #lph-code-refiner-form .lph-textarea {
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: var(--lph-std-radius) !important;
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-input,
body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-select,
body.lph-std-code-refiner #lph-code-refiner-form .lph-input,
body.lph-std-code-refiner #lph-code-refiner-form .lph-select {
  min-height: 50px !important;
  padding: 12px 14px !important;
}

body.lph-ai-code-refiner-page #lph-code-text,
body.lph-std-code-refiner #lph-code-text {
  min-height: 460px !important;
  width: 100% !important;
  max-width: none !important;
  padding: 18px !important;
  font-family: var(--lph-std-mono) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-premium,
body.lph-std-code-refiner #lph-code-refiner-form .lph-premium {
  width: 100% !important;
  max-width: 100% !important;
  margin: 24px 0 0 !important;
  padding: 24px !important;
  border: 1px solid rgba(45, 212, 191, 0.36) !important;
  border-radius: var(--lph-std-radius) !important;
  background: var(--lph-std-inset) !important;
  color: var(--lph-std-body) !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-premium *,
body.lph-std-code-refiner #lph-code-refiner-form .lph-premium * {
  color: var(--lph-std-body) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-premium strong,
body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-premium label,
body.lph-std-code-refiner #lph-code-refiner-form .lph-premium strong,
body.lph-std-code-refiner #lph-code-refiner-form .lph-premium label {
  color: var(--lph-std-text) !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-small-textarea,
body.lph-std-code-refiner #lph-code-refiner-form .lph-small-textarea {
  min-height: 250px !important;
  font-family: var(--lph-std-mono) !important;
}

body.lph-ai-code-refiner-page #lph-code-submit,
body.lph-std-code-refiner #lph-code-submit {
  margin-top: 28px !important;
  min-width: 220px !important;
}

body.lph-std-academic-refiner .entry-content [class*="hero"],
body.lph-std-academic-refiner .entry-content [class*="Hero"],
body.lph-std-academic-refiner .entry-content .lph-card:first-child,
body.lph-std-academic-refiner .entry-content .lph-aw-card:first-child,
body.lph-std-academic-refiner .entry-content .lph-academic-card:first-child,
body.lph-std-academic-refiner .entry-content .lph-academic-hero,
body.lph-std-academic-refiner .entry-content .lph-aw-hero {
  background: var(--lph-std-surface) !important;
  border: 1px solid var(--lph-std-border) !important;
  color: var(--lph-std-body) !important;
}

body.lph-std-academic-refiner .entry-content [class*="hero"] h1,
body.lph-std-academic-refiner .entry-content [class*="Hero"] h1,
body.lph-std-academic-refiner .entry-content .lph-card:first-child h1,
body.lph-std-academic-refiner .entry-content .lph-aw-card:first-child h1,
body.lph-std-academic-refiner .entry-content .lph-academic-card:first-child h1,
body.lph-std-academic-refiner .entry-content .lph-academic-hero h1,
body.lph-std-academic-refiner .entry-content .lph-aw-hero h1 {
  color: var(--lph-std-text) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.lph-std-academic-refiner .entry-content [class*="hero"] p,
body.lph-std-academic-refiner .entry-content [class*="Hero"] p,
body.lph-std-academic-refiner .entry-content .lph-card:first-child p,
body.lph-std-academic-refiner .entry-content .lph-aw-card:first-child p,
body.lph-std-academic-refiner .entry-content .lph-academic-card:first-child p,
body.lph-std-academic-refiner .entry-content .lph-academic-hero p,
body.lph-std-academic-refiner .entry-content .lph-aw-hero p {
  color: var(--lph-std-body) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.lph-std-academic-refiner .entry-content .lph-mini,
body.lph-std-academic-refiner .entry-content [class*="badge"],
body.lph-std-academic-refiner .entry-content [class*="pill"] {
  color: var(--lph-std-accent) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 1120px) {
  body.lph-ai-code-refiner-page #lph-code-refiner-form > .lph-grid:first-of-type,
  body.lph-std-code-refiner #lph-code-refiner-form > .lph-grid:first-of-type {
    grid-template-columns: minmax(240px, 0.9fr) minmax(420px, 1.1fr) !important;
  }
}

@media (max-width: 900px) {
  body.lph-ai-code-refiner-page .lph-feature-grid,
  body.lph-std-code-refiner .lph-feature-grid,
  body.lph-ai-code-refiner-page #lph-code-refiner-form > .lph-grid:first-of-type,
  body.lph-ai-code-refiner-page #lph-code-refiner-form > .lph-grid:nth-of-type(2),
  body.lph-std-code-refiner #lph-code-refiner-form > .lph-grid:first-of-type,
  body.lph-std-code-refiner #lph-code-refiner-form > .lph-grid:nth-of-type(2) {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
  }

  body.lph-ai-code-refiner-page #lph-code-text,
  body.lph-std-code-refiner #lph-code-text {
    min-height: 320px !important;
  }

  body.lph-ai-code-refiner-page .lph-code-wrap > .lph-card,
  body.lph-ai-code-refiner-page #lph-code-refiner-form,
  body.lph-std-code-refiner .lph-code-wrap > .lph-card,
  body.lph-std-code-refiner #lph-code-refiner-form {
    padding: 24px !important;
  }
}
/* LPH AI refiner final visibility patch */
body.lph-ai-code-refiner-page .lph-code-wrap .lph-feature,
body.lph-std-code-refiner .lph-code-wrap .lph-feature {
  background: #ffffff !important;
  color: #0f172a !important;
  text-shadow: none !important;
}

body.lph-ai-code-refiner-page .lph-code-wrap .lph-feature *,
body.lph-std-code-refiner .lph-code-wrap .lph-feature * {
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  filter: none !important;
}

body.lph-ai-code-refiner-page .lph-code-wrap .lph-feature h3,
body.lph-ai-code-refiner-page .lph-code-wrap .lph-feature h4,
body.lph-std-code-refiner .lph-code-wrap .lph-feature h3,
body.lph-std-code-refiner .lph-code-wrap .lph-feature h4 {
  color: #06111f !important;
  font-weight: 850 !important;
}

body.lph-ai-code-refiner-page .lph-code-wrap .lph-feature p,
body.lph-std-code-refiner .lph-code-wrap .lph-feature p {
  color: #334155 !important;
  font-weight: 650 !important;
  line-height: 1.65 !important;
}

body.lph-ai-code-refiner-page .lph-code-wrap .lph-cta-box,
body.lph-std-code-refiner .lph-code-wrap .lph-cta-box {
  background: #eaf2ff !important;
  border-color: #cbd5e1 !important;
}

body.lph-ai-code-refiner-page .lph-code-wrap .lph-cta-box *,
body.lph-std-code-refiner .lph-code-wrap .lph-cta-box * {
  color: #334155 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-premium,
body.lph-std-code-refiner #lph-code-refiner-form .lph-premium {
  background: #08111f !important;
  border-color: rgba(45, 212, 191, 0.52) !important;
  color: #cbd5e1 !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-premium p,
body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-premium .lph-muted,
body.lph-std-code-refiner #lph-code-refiner-form .lph-premium p,
body.lph-std-code-refiner #lph-code-refiner-form .lph-premium .lph-muted {
  color: #cbd5e1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 600 !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-premium label,
body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-premium strong,
body.lph-std-code-refiner #lph-code-refiner-form .lph-premium label,
body.lph-std-code-refiner #lph-code-refiner-form .lph-premium strong {
  color: #f8fafc !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 850 !important;
}

body.lph-ai-code-refiner-page #lph-code-refiner-form .lph-premium > label:first-child,
body.lph-std-code-refiner #lph-code-refiner-form .lph-premium > label:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

body.lph-ai-code-refiner-page #lph-skeleton-provided,
body.lph-std-code-refiner #lph-skeleton-provided {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  accent-color: #2dd4bf !important;
}
/* End LPH AI refiner final visibility patch */