/* V38: readable desktop typography and reliable sticky creator preview. */
@media (min-width: 901px) {
  body { font-size: 14px; line-height: 1.5; }

  .creator-body { align-items: start; overflow: visible; }
  .creator .editor { min-width: 0; }
  .creator .live {
    position: sticky !important;
    top: 24px !important;
    align-self: start !important;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  .creator>header>a { font-size: 14px; }
  .creator>header>b { font-size: 16px; }
  .creator .editor>h1 { font-size: 32px; }
  .creator .editor>p { font-size: 15px; line-height: 1.55; }
  .creator .steps { font-size: 13px; }
  .creator .form-card h2 { font-size: 17px; }
  .creator .form-card label { font-size: 14px; }
  .creator .form-card input:not([type=color]),
  .creator .form-card textarea,
  .creator .form-card select { font-size: 14px; }
  .creator .kind-grid button b,
  .creator .type-toggle b { font-size: 14px; }
  .creator .kind-grid button small,
  .creator .type-toggle small { font-size: 12px; line-height: 1.4; }
  .creator .safe,.creator .unsafe,.creator .notice,
  .creator .manage-link,.creator .create-tags button { font-size: 13px; }
  .creator .live-head b { font-size: 16px; }
  .creator .live-head small,.creator .live-head>i,
  .creator .quality,.creator .export-settings label,
  .creator .hint { font-size: 12px; }
  .creator .export button { font-size: 14px; }

  .workspace strong,.profile strong { font-size: 14px; }
  .workspace small,.profile small { font-size: 12px; }
  .workspace i,.profile i { font-size: 13px; }
  .side nav a,.side-bottom>a { font-size: 14px; }
  .side nav a span { font-size: 18px; }
  .nav-label { font-size: 11px; }
  .crumb { font-size: 14px; }
  .primary { font-size: 14px; padding: 11px 17px; }
  .secondary { font-size: 13px !important; padding: 9px 13px !important; }
  .heading small { font-size: 12px; }
  .heading h1 { font-size: 32px; }
  .heading p { font-size: 15px; line-height: 1.5; }
  .metric p { font-size: 13px; }
  .metric div b { font-size: 30px; }
  .metric div span { font-size: 11px; }
  .metric small { font-size: 12px; }
  .phead h2 { font-size: 17px; }
  .phead p,.phead select,.total { font-size: 12px; }
  .y,.bw small { font-size: 10px; }
  .top h3 { font-size: 15px; }
  .top>p,.count,.top>small { font-size: 12px; }
  .thead { font-size: 11px; }
  .row { font-size: 13px; }
  .qname b { font-size: 14px; }
  .qname small { font-size: 12px; }
  .badge { font-size: 11px; }

  .library>header>a:first-child,
  .settings-page>header a,.settings-page>a,
  .organize-page>header a:first-child,
  .analytics-page>header>a { font-size: 13px; }
  .library header p,.settings-page>header p,.organize-page>header p,
  .analytics-page>header p { font-size: 14px; line-height: 1.5; }
  .lib-toolbar input,.lib-toolbar select { font-size: 14px; }
  .card-title>b,.organizer-card b,.assignment-list b { font-size: 15px; }
  .card-title>span,.card-copy>p,.card-meta,.card-actions a,.card-actions button,
  .organizer-card small,.assignment-list small,.assignment-list label,
  .assignment-list select,.manage-link,.card-labels span { font-size: 12px; }
  .organize-tabs button { font-size: 14px; }
  .create-organizer h2,.domain-add h2,.admin-card h2 { font-size: 17px; }
  .create-organizer p,.domain-add p,.domain-list p { font-size: 13px; line-height: 1.5; }
  .create-organizer input,.domain-add input { font-size: 14px; }

  .plans-grid p,.plans-grid strong small,.billing-note { font-size: 13px; }
  .plans-grid li { font-size: 14px; }
  .plans-grid em,.domain-active,.domain-pending,.admin-badge { font-size: 11px; }
  .domain-list b { font-size: 15px; }
  .admin-metrics span { font-size: 13px; }
  .admin-head { font-size: 11px; }
  .admin-row,.admin-card>p { font-size: 13px; }
  .admin-row select { font-size: 13px; }

  .account-grid article>span,.account-form>div>span { font-size: 11px; }
  .account-grid p,.account-grid dl,.account-form>div>p,
  .account-form label,.account-security p { font-size: 14px; }
  .account-form label small { font-size: 12px; }
  .account-security h2 { font-size: 17px; }

  .checkout-page>header a,.checkout-page>header span,
  .checkout-main>small,.checkout-plan label,.checkout-plan>b small,
  .payment-methods small,.checkout-field,.checkout-summary>p,
  .checkout-summary li,.order-state p,.order-state dt,.order-state dd { font-size: 13px; }
  .payment-methods b { font-size: 14px; }

  .admin-top a,.admin-tabs button,.admin-tabs a,.admin-alert,
  .admin-kpis span,.admin-tr,.admin-line,.admin-status,
  .admin-setting-form label { font-size: 14px; }
  .admin-tr.head { font-size: 11px; }
  .admin-tr select,.admin-tr button,.admin-setting-form input,
  .admin-setting-form textarea,.admin-setting-form button { font-size: 13px; }

  .auth-back,.auth-heading small,.auth-form>label,.auth-options,
  .auth-submit,.auth-switch,.auth-error,.auth-terms { font-size: 13px; }
  .auth-heading p { font-size: 15px; line-height: 1.5; }
}

@media (max-width: 900px) {
  .creator .live { position: static !important; max-height: none; overflow: visible; }
}