/* Desktop readability layer. Loaded last; deliberately avoids zoom and transforms. */
@media screen and (min-width: 1024px) {
  html {
    font-size: 17px;
  }

  :root {
    --container-3xl: 52rem;
  }

  .lz-text {
    font-size: 14px;
  }

  .text-\[0\.55rem\],
  .text-\[10px\],
  .text-\[11px\] {
    font-size: 0.75rem !important;
    line-height: 1.05rem !important;
  }

  .text-\[0\.8rem\] {
    font-size: 0.8125rem !important;
    line-height: 1.15rem !important;
  }

  .lz-generating-media__label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lz-generating-media__hint,
  .lz-generating-media__steps span {
    font-size: 0.75rem;
    line-height: 1.05rem;
  }

  .lz-generating-media__steps span {
    min-block-size: 1.7rem;
    padding: 0.25rem 0.4rem;
  }

  .lz-generation-stage__caption strong {
    font-size: 0.9375rem;
    line-height: 1.3rem;
  }

  .lz-generation-stage__caption span {
    font-size: 0.8125rem;
    line-height: 1.15rem;
  }

  .lz-generating-media--image .lz-generation-stage__caption strong {
    font-size: 0.875rem;
    line-height: 1.2rem;
  }

  .lz-generating-media--image .lz-generation-stage__caption span {
    font-size: 0.75rem;
    line-height: 1.05rem;
  }

  :is([class^="lz-pro-"], [class*=" lz-pro-"]),
  :is([class^="lz-pro-"], [class*=" lz-pro-"]) :where(*) {
    font-size: 14px !important;
    letter-spacing: 0;
  }

  .lz-pro-dialog-head h2 {
    font-size: 20px !important;
    line-height: 1.3;
  }

  .lz-pro-dialog-head p,
  .lz-pro-step-meta > span,
  .lz-pro-readiness-copy span,
  .lz-pro-readiness > div > span,
  .lz-pro-review-copy p,
  .lz-pro-review-copy small,
  .lz-pro-identity-footer > span,
  .lz-pro-difference-note {
    font-size: 13px !important;
    line-height: 1.5;
  }

  .lz-pro-search > span {
    font-size: 20px !important;
  }

  .lz-pro-dialog-head button {
    font-size: 24px !important;
  }

  .lz-pro-card-favorite {
    font-size: 17px !important;
  }

  .lz-pro-readiness-copy strong,
  .lz-pro-readiness > div > strong,
  .lz-pro-proof-level strong,
  .lz-pro-review-empty strong {
    font-size: 15px !important;
  }

  #lz-commerce-workbench,
  #lz-commerce-workbench :where(*) {
    font-size: 14px !important;
    letter-spacing: 0;
  }

  #lz-commerce-workbench .lz-cw-title h1 {
    font-size: 20px !important;
    line-height: 1.25;
  }

  #lz-commerce-workbench :is(
    .lz-cw-brand small,
    .lz-cw-side-label,
    .lz-cw-title p,
    .lz-cw-package-trigger small,
    .lz-cw-stage small,
    .lz-cw-panel-head span,
    .lz-cw-shot-copy p,
    .lz-cw-shot-meta,
    .lz-cw-preview-label,
    .lz-cw-time,
    .lz-cw-evidence-note,
    .lz-cw-field > span,
    .lz-cw-check,
    .lz-cw-lock-hash,
    .lz-cw-chip,
    .lz-cw-stat span,
    .lz-cw-scene-time,
    .lz-cw-scene label,
    .lz-cw-scene p,
    .lz-cw-package-meta,
    .lz-cw-package-option small,
    .lz-cw-package-option i,
    .lz-cw-growth-guide__copy span,
    .lz-cw-guide-dismiss,
    .lz-cw-next-action__eyebrow,
    .lz-cw-next-action__status p,
    .lz-cw-guide-step span,
    .lz-cw-variant-status,
    .lz-cw-experiment-flow small
  ) {
    font-size: 13px !important;
    line-height: 1.45;
  }

  #lz-commerce-workbench :is(
    .lz-cw-brand strong,
    .lz-cw-stage strong,
    .lz-cw-panel-head h2,
    .lz-cw-preview-caption,
    .lz-cw-preview-empty strong,
    .lz-cw-dropzone strong,
    .lz-cw-variant h3,
    .lz-cw-experiment-intro strong,
    .lz-cw-next-action__status strong
  ) {
    font-size: 15px !important;
    line-height: 1.35;
  }

  #lz-commerce-workbench .lz-cw-stat strong {
    font-size: 17px !important;
    line-height: 1.3;
  }

  #lz-commerce-workbench :is(
    .lz-cw-side-icon,
    .lz-cw-icon-button,
    .lz-cw-drag,
    .lz-cw-thumb-empty,
    .lz-cw-package-trigger > i,
    .lz-cw-package-search > span,
    .lz-cw-package-star
  ) {
    font-size: 18px !important;
  }

  #lz-commerce-workbench {
    grid-template-columns: 216px minmax(0, 1fr);
    width: 100%;
    max-width: 100vw;
  }

  .lz-cw-main,
  .lz-cw-content,
  .lz-cw-workspace,
  .lz-cw-page {
    min-width: 0;
  }

  .lz-cw-workspace,
  .lz-cw-page {
    width: 100%;
    max-width: 100%;
  }

  .lz-cw-grid {
    grid-template-columns: minmax(250px, 0.88fr) minmax(360px, 1.45fr) minmax(290px, 1fr);
  }

  .lz-cw-page-grid,
  .lz-cw-next-action {
    min-width: 0;
  }
}

@media screen and (min-width: 1024px) {
  [class*="_knowledgeStage"],
  [class*="_knowledgeStage"] :where(*) {
    font-size: 13px !important;
    letter-spacing: 0;
  }
}