/* Secondary-page layout for 2K / 4K displays. All smaller layouts stay in their
   existing stylesheets. Dimensions reflow independently; no page-level scaling. */
@media (min-width: 1600px) {
  body.wemeld-page {
    --wide-unit: clamp(1px, .0520833333vw, 2px);
    --wide-body: calc(12 * var(--wide-unit));
    --wide-small: calc(10 * var(--wide-unit));
    --wide-gap: calc(24 * var(--wide-unit));
    --wide-header: calc(76 * var(--wide-unit));
    font-size: var(--wide-body);
  }

  .wemeld-page :is(.hub-header, .account-header, .billing-header) {
    height: var(--wide-header);
    min-height: var(--wide-header);
    padding-inline: max(4vw, calc((100vw - 3200px) / 2));
    gap: calc(40 * var(--wide-unit));
  }
  .wemeld-page .brand { gap: calc(12 * var(--wide-unit)); }
  .wemeld-page .brand strong { font-size: calc(21 * var(--wide-unit)); }
  .wemeld-page .brand-symbol { width: calc(30 * var(--wide-unit)); height: calc(34 * var(--wide-unit)); }
  .wemeld-page :is(.account-header, .billing-header) nav { gap: calc(28 * var(--wide-unit)); }
  .wemeld-page :is(.account-header, .billing-header) nav a,
  .wemeld-projects :is(.hub-billing, .profile-entry-label) { font-size: var(--wide-body); }
  .wemeld-projects .hub-header-actions { gap: var(--wide-gap); }
  .wemeld-projects .profile-entry { gap: calc(9 * var(--wide-unit)); }
  .wemeld-projects .profile-entry-avatar { width: calc(28 * var(--wide-unit)); height: calc(28 * var(--wide-unit)); font-size: var(--wide-small); }
  .wemeld-projects .hub-billing svg { width: calc(14 * var(--wide-unit)); height: calc(14 * var(--wide-unit)); }

  .wemeld-page :is(.page-heading h1, .hub-intro h1) { font-size: calc(34 * var(--wide-unit)); }
  .wemeld-page :is(.eyebrow, .hub-eyebrow, .section-index) { font-size: var(--wide-small); margin-bottom: calc(10 * var(--wide-unit)); }
  .wemeld-page :is(.heading-description, .hub-intro p, .section-heading p) { font-size: var(--wide-body); }
  .wemeld-page .section-heading h2 { font-size: calc(22 * var(--wide-unit)); }
  .wemeld-page .section-heading { gap: var(--wide-gap); margin-bottom: var(--wide-gap); }
  .wemeld-page .page-heading { gap: var(--wide-gap); margin-bottom: calc(28 * var(--wide-unit)); }
  .wemeld-page :is(.primary-button, .secondary-button) {
    min-height: calc(40 * var(--wide-unit));
    padding: calc(9 * var(--wide-unit)) calc(16 * var(--wide-unit));
    gap: calc(9 * var(--wide-unit));
    border-radius: calc(9 * var(--wide-unit));
    font-size: var(--wide-body);
  }
  .wemeld-page :is(.primary-button, .secondary-button, .text-link) svg { width: calc(16 * var(--wide-unit)); height: calc(16 * var(--wide-unit)); }
  .wemeld-page :is(.text-link, .text-button) { font-size: var(--wide-body); gap: calc(8 * var(--wide-unit)); }
  .wemeld-page .icon-button { width: calc(38 * var(--wide-unit)); height: calc(38 * var(--wide-unit)); border-radius: calc(8 * var(--wide-unit)); }
  .wemeld-page .icon-button svg { width: calc(17 * var(--wide-unit)); height: calc(17 * var(--wide-unit)); }
  .wemeld-page :is(.page-notice, .hub-notice, .empty-message) { padding: calc(20 * var(--wide-unit)); font-size: var(--wide-body); }
  .wemeld-page :is(.hub-footer, .account-footer, .billing-footer) { margin-top: calc(42 * var(--wide-unit)); padding-top: var(--wide-gap); gap: var(--wide-gap); font-size: var(--wide-small); }
  .wemeld-page :is(.hub-toast, .account-toast, .billing-toast) { font-size: var(--wide-body); padding: calc(12 * var(--wide-unit)) calc(20 * var(--wide-unit)); max-width: min(80vw, calc(600 * var(--wide-unit))); bottom: calc(28 * var(--wide-unit)); }

  /* Match the reference's centered project area: 2160px at 4K, 1440px at 2K.
     The floor keeps scaled desktop windows usable without shrinking controls. */
  .wemeld-projects .hub-main {
    width: min(calc(100% - 64px), clamp(1320px, 56.25vw, 2160px));
    max-width: none;
    padding: calc(54 * var(--wide-unit)) 0 calc(28 * var(--wide-unit));
    min-height: calc(100vh - var(--wide-header));
  }
  .wemeld-projects .hub-intro { margin-bottom: calc(38 * var(--wide-unit)); gap: var(--wide-gap); }
  .wemeld-projects .hub-intro p { margin-top: calc(12 * var(--wide-unit)); }
  .wemeld-projects .hub-total { font-size: var(--wide-small); height: calc(26 * var(--wide-unit)); min-width: calc(28 * var(--wide-unit)); padding-inline: calc(8 * var(--wide-unit)); margin-left: calc(12 * var(--wide-unit)); }
  .wemeld-projects .hub-collection-bar { margin-bottom: var(--wide-gap); gap: var(--wide-gap); }
  .wemeld-projects .hub-filters { gap: calc(28 * var(--wide-unit)); }
  .wemeld-projects .hub-filters button { padding-bottom: calc(17 * var(--wide-unit)); font-size: var(--wide-body); gap: calc(8 * var(--wide-unit)); }
  .wemeld-projects .hub-filters button > span { min-width: calc(19 * var(--wide-unit)); padding: var(--wide-unit) calc(6 * var(--wide-unit)); font-size: var(--wide-small); }
  .wemeld-projects .hub-view-switch { margin-top: calc(-14 * var(--wide-unit)); padding: calc(3 * var(--wide-unit)); border-radius: calc(9 * var(--wide-unit)); }
  .wemeld-projects .hub-view-switch button { width: calc(34 * var(--wide-unit)); height: calc(32 * var(--wide-unit)); border-radius: calc(6 * var(--wide-unit)); }
  .wemeld-projects .hub-view-switch svg { width: calc(17 * var(--wide-unit)); height: calc(17 * var(--wide-unit)); }
  .wemeld-projects .hub-view-switch .hub-map-link { height: calc(32 * var(--wide-unit)); gap: calc(7 * var(--wide-unit)); padding-inline: calc(12 * var(--wide-unit)); font-size: var(--wide-body); }
  .wemeld-projects .hub-toolbar { gap: calc(16 * var(--wide-unit)); padding-bottom: var(--wide-gap); }
  .wemeld-projects .hub-search { width: min(40%, calc(420 * var(--wide-unit))); height: calc(42 * var(--wide-unit)); padding-inline: calc(14 * var(--wide-unit)); gap: calc(10 * var(--wide-unit)); }
  .wemeld-projects .hub-search input { width: 100%; height: 100%; font-size: var(--wide-body); }
  .wemeld-projects .hub-search svg { width: calc(17 * var(--wide-unit)); height: calc(17 * var(--wide-unit)); }
  .wemeld-projects #project-sort { height: calc(42 * var(--wide-unit)); min-width: calc(145 * var(--wide-unit)); max-width: calc(200 * var(--wide-unit)); padding-inline: calc(14 * var(--wide-unit)); font-size: var(--wide-body); }
  .wemeld-projects .hub-result-line { font-size: var(--wide-small); margin-block: calc(20 * var(--wide-unit)); }
  .wemeld-projects .project-grid { gap: var(--wide-gap); }
  .wemeld-projects .project-grid:not(.is-list) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wemeld-projects .project-card { min-width: 0; border-radius: calc(18 * var(--wide-unit)); }
  .wemeld-projects .project-card-copy { padding: calc(24 * var(--wide-unit)) calc(22 * var(--wide-unit)) calc(14 * var(--wide-unit)); }
  .wemeld-projects .project-card-copy h2 { font-size: calc(16 * var(--wide-unit)); line-height: 1.5; overflow-wrap: anywhere; }
  .wemeld-projects .project-card-meta { font-size: var(--wide-small); margin-top: calc(10 * var(--wide-unit)); }
  .wemeld-projects .project-card-footer { padding: calc(8 * var(--wide-unit)) calc(18 * var(--wide-unit)) calc(20 * var(--wide-unit)) calc(22 * var(--wide-unit)); gap: calc(12 * var(--wide-unit)); flex-wrap: wrap; }
  .wemeld-projects .project-card-actions { gap: calc(6 * var(--wide-unit)); }
  .wemeld-projects :is(.project-open-label, .project-change-cover, .project-rename) { font-size: var(--wide-small); gap: calc(6 * var(--wide-unit)); }
  .wemeld-projects :is(.project-change-cover, .project-rename) { min-height: calc(32 * var(--wide-unit)); padding: calc(6 * var(--wide-unit)); }
  .wemeld-projects :is(.project-open-label, .project-change-cover, .project-rename) svg { width: calc(14 * var(--wide-unit)); height: calc(14 * var(--wide-unit)); }
  .wemeld-projects .preview-empty { font-size: var(--wide-small); }
  .wemeld-projects .hub-empty { padding: calc(50 * var(--wide-unit)); }
  .wemeld-projects .hub-empty h2 { font-size: calc(22 * var(--wide-unit)); }
  .wemeld-projects .hub-empty p { font-size: var(--wide-body); }
  .wemeld-projects .hub-footer { max-width: none; width: 100%; }
  .wemeld-projects .project-grid.is-list { gap: calc(14 * var(--wide-unit)); }
  .wemeld-projects .project-grid.is-list .project-card { min-height: calc(126 * var(--wide-unit)); }
  .wemeld-projects .project-grid.is-list .project-preview { width: calc(180 * var(--wide-unit)); min-width: calc(180 * var(--wide-unit)); height: calc(112 * var(--wide-unit)); margin: calc(7 * var(--wide-unit)); border-radius: calc(10 * var(--wide-unit)); }
  .wemeld-projects .project-grid.is-list .project-card-copy { padding: calc(20 * var(--wide-unit)) calc(24 * var(--wide-unit)); }
  .wemeld-projects .project-grid.is-list .project-card-footer { padding: calc(14 * var(--wide-unit)) calc(24 * var(--wide-unit)); gap: calc(12 * var(--wide-unit)); }

  /* Account: keep the navigational rail distinct from the project and wallet columns. */
  .wemeld-account .account-shell {
    width: min(90%, 3000px);
    max-width: none;
    grid-template-columns: calc(208 * var(--wide-unit)) minmax(0, 1fr);
    gap: calc(42 * var(--wide-unit));
    padding-inline: calc(32 * var(--wide-unit));
  }
  .wemeld-account .account-sidebar { min-height: calc(100vh - var(--wide-header)); padding: calc(54 * var(--wide-unit)) calc(24 * var(--wide-unit)) calc(40 * var(--wide-unit)) 0; }
  .wemeld-account .sidebar-label { font-size: var(--wide-small); margin: 0 0 calc(20 * var(--wide-unit)) calc(12 * var(--wide-unit)); }
  .wemeld-account .sidebar-link { font-size: var(--wide-body); padding: calc(12 * var(--wide-unit)); margin-bottom: calc(7 * var(--wide-unit)); gap: calc(11 * var(--wide-unit)); }
  .wemeld-account .sidebar-link svg { width: calc(18 * var(--wide-unit)); height: calc(18 * var(--wide-unit)); }
  .wemeld-account .sidebar-note { margin-top: calc(72 * var(--wide-unit)); padding: calc(20 * var(--wide-unit)) calc(12 * var(--wide-unit)) 0; font-size: var(--wide-small); }
  .wemeld-account .sidebar-note p { font-size: var(--wide-small); }
  .wemeld-account .account-main { padding: calc(48 * var(--wide-unit)) 0 calc(28 * var(--wide-unit)); scroll-margin-top: calc(100 * var(--wide-unit)); }
  .wemeld-account .profile-card { margin-bottom: calc(38 * var(--wide-unit)); }
  .wemeld-account .profile-identity { padding: calc(30 * var(--wide-unit)); gap: var(--wide-gap); min-height: calc(158 * var(--wide-unit)); }
  .wemeld-account .profile-avatar { width: calc(87 * var(--wide-unit)); height: calc(87 * var(--wide-unit)); }
  .wemeld-account .profile-avatar > #profile-avatar { font-size: calc(28 * var(--wide-unit)); }
  .wemeld-account .avatar-edit { width: calc(27 * var(--wide-unit)); height: calc(27 * var(--wide-unit)); }
  .wemeld-account .avatar-edit svg { width: calc(12 * var(--wide-unit)); height: calc(12 * var(--wide-unit)); }
  .wemeld-account .profile-tag { font-size: var(--wide-small); }
  .wemeld-account .profile-copy h2 { font-size: calc(26 * var(--wide-unit)); margin: calc(4 * var(--wide-unit)) 0 calc(9 * var(--wide-unit)); }
  .wemeld-account .profile-copy p { font-size: var(--wide-body); max-width: 55ch; }
  .wemeld-account .profile-bottom { padding: calc(20 * var(--wide-unit)) calc(30 * var(--wide-unit)); gap: calc(38 * var(--wide-unit)); }
  .wemeld-account .profile-stat { gap: calc(10 * var(--wide-unit)); }
  .wemeld-account .profile-stat strong { font-size: calc(26 * var(--wide-unit)); }
  .wemeld-account .profile-stat span { font-size: var(--wide-small); }
  .wemeld-account .profile-bottom > .primary-button { min-height: calc(38 * var(--wide-unit)); font-size: var(--wide-body); padding: calc(8 * var(--wide-unit)) calc(14 * var(--wide-unit)); }
  .wemeld-account .account-columns { grid-template-columns: minmax(0, 1fr) minmax(0, calc(355 * var(--wide-unit))); gap: calc(32 * var(--wide-unit)); }
  .wemeld-account :is(.projects-section, .credits-section) { min-width: 0; scroll-margin-top: calc(100 * var(--wide-unit)); }
  .wemeld-account .recent-list { gap: calc(16 * var(--wide-unit)); }
  .wemeld-account .recent-project { padding: calc(18 * var(--wide-unit)); gap: calc(20 * var(--wide-unit)); }
  .wemeld-account .project-thumbnail { width: calc(145 * var(--wide-unit)); }
  .wemeld-account .project-thumbnail .thumbnail-empty { font-size: var(--wide-small); }
  .wemeld-account .project-info h3 { font-size: calc(14 * var(--wide-unit)); margin-bottom: calc(8 * var(--wide-unit)); }
  .wemeld-account .project-info :is(p, .project-preview-label) { font-size: var(--wide-small); }
  .wemeld-account .project-arrow svg { width: calc(16 * var(--wide-unit)); height: calc(16 * var(--wide-unit)); }
  .wemeld-account .demo-tag { font-size: var(--wide-small); padding: calc(4 * var(--wide-unit)) calc(7 * var(--wide-unit)); }
  .wemeld-account .credits-card { padding: var(--wide-gap); }
  .wemeld-account .credits-card > label { font-size: var(--wide-small); margin-bottom: calc(9 * var(--wide-unit)); }
  .wemeld-account .credits-card select { height: calc(38 * var(--wide-unit)); padding-inline: calc(12 * var(--wide-unit)); font-size: var(--wide-body); }
  .wemeld-account .credit-summary { margin: calc(24 * var(--wide-unit)) 0 calc(14 * var(--wide-unit)); gap: calc(10 * var(--wide-unit)); }
  .wemeld-account .credit-summary strong { font-size: calc(44 * var(--wide-unit)); }
  .wemeld-account :is(.credit-summary > div > span, .credit-unit, .credit-details, .credit-status, .credit-rules p, .credits-note, .ledger-entry p, .ledger-amount small) { font-size: var(--wide-small); }
  .wemeld-account .credit-details { flex-wrap: wrap; gap: calc(10 * var(--wide-unit)); }
  .wemeld-account .account-purchase-row { font-size: var(--wide-body); margin: calc(20 * var(--wide-unit)) 0 calc(10 * var(--wide-unit)); padding-top: calc(16 * var(--wide-unit)); gap: calc(12 * var(--wide-unit)); flex-wrap: wrap; }
  .wemeld-account .account-purchase-row .primary-button { min-height: calc(38 * var(--wide-unit)); font-size: var(--wide-body); }
  .wemeld-account .credit-status { margin-top: calc(18 * var(--wide-unit)); }
  .wemeld-account .credit-rules { margin-top: calc(18 * var(--wide-unit)); padding-top: calc(12 * var(--wide-unit)); }
  .wemeld-account .credits-note { margin-top: calc(18 * var(--wide-unit)); }
  .wemeld-account .ledger-heading { margin: var(--wide-gap) 0 calc(10 * var(--wide-unit)); }
  .wemeld-account .ledger-heading :is(h3, .text-button),
  .wemeld-account .ledger-entry h4 { font-size: var(--wide-body); }
  .wemeld-account .ledger-entry { gap: calc(15 * var(--wide-unit)); padding-block: calc(14 * var(--wide-unit)); }
  .wemeld-account .ledger-amount { font-size: calc(16 * var(--wide-unit)); }
  .wemeld-account .credit-ledger .empty-message { font-size: var(--wide-small); padding: calc(20 * var(--wide-unit)); }

  /* Purchasing: three comparable plans, with the wallet and order table readable. */
  .wemeld-billing .billing-main { width: min(calc(100% - 64px), clamp(1256px, 50vw, 1920px)); max-width: none; padding: calc(48 * var(--wide-unit)) 0 calc(28 * var(--wide-unit)); }
  .wemeld-billing .heading-description { margin-top: calc(12 * var(--wide-unit)); }
  .wemeld-billing .demo-banner { padding: calc(13 * var(--wide-unit)) calc(18 * var(--wide-unit)); gap: calc(12 * var(--wide-unit)); margin-bottom: var(--wide-gap); }
  .wemeld-billing .demo-label { font-size: var(--wide-small); padding: calc(4 * var(--wide-unit)) calc(8 * var(--wide-unit)); }
  .wemeld-billing .demo-banner p { font-size: var(--wide-body); }
  .wemeld-billing .wallet-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .wemeld-billing :is(.wallet-balance, .wallet-subscription) { padding: calc(30 * var(--wide-unit)) calc(34 * var(--wide-unit)); min-width: 0; }
  .wemeld-billing :is(.wallet-balance > span, .wallet-balance > p, .wallet-subscription > p, .subscription-eyebrow) { font-size: var(--wide-body); }
  .wemeld-billing :is(.wallet-balance > small, .wallet-subscription > small, .balance-number > span) { font-size: var(--wide-small); }
  .wemeld-billing .balance-number { gap: calc(14 * var(--wide-unit)); margin: calc(10 * var(--wide-unit)) 0 calc(14 * var(--wide-unit)); }
  .wemeld-billing .balance-number strong { font-size: calc(48 * var(--wide-unit)); }
  .wemeld-billing .wallet-balance > p { flex-wrap: wrap; gap: calc(28 * var(--wide-unit)); }
  .wemeld-billing .wallet-balance > small { margin-top: calc(20 * var(--wide-unit)); }
  .wemeld-billing .subscription-title { gap: calc(12 * var(--wide-unit)); margin-top: calc(8 * var(--wide-unit)); }
  .wemeld-billing .subscription-title h2 { font-size: calc(26 * var(--wide-unit)); }
  .wemeld-billing .sub-status { font-size: var(--wide-small); }
  .wemeld-billing .wallet-subscription > p { margin: calc(10 * var(--wide-unit)) 0 calc(18 * var(--wide-unit)); }
  .wemeld-billing .subscription-actions { gap: calc(16 * var(--wide-unit)); }
  .wemeld-billing .subscription-actions :is(.secondary-button, .text-button) { font-size: var(--wide-body); }
  .wemeld-billing .wallet-subscription > small { margin-top: calc(18 * var(--wide-unit)); }
  .wemeld-billing :is(.purchase-section, .orders-section) { padding-top: calc(44 * var(--wide-unit)); scroll-margin-top: calc(100 * var(--wide-unit)); }
  .wemeld-billing .section-heading > div > p:last-child:not(.section-index) { font-size: var(--wide-body); }
  .wemeld-billing .cycle-control { gap: calc(4 * var(--wide-unit)); padding: calc(4 * var(--wide-unit)); }
  .wemeld-billing .cycle-control button { min-height: calc(36 * var(--wide-unit)); font-size: var(--wide-body); padding: calc(8 * var(--wide-unit)) calc(14 * var(--wide-unit)); }
  .wemeld-billing .cycle-description { font-size: var(--wide-small); margin: 0 0 calc(18 * var(--wide-unit)); }
  .wemeld-billing :is(.plan-grid, .pack-grid) { gap: var(--wide-gap); grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wemeld-billing :is(.plan-card, .pack-card) { padding: calc(30 * var(--wide-unit)); min-width: 0; }
  .wemeld-billing .plan-top { min-height: calc(28 * var(--wide-unit)); gap: calc(12 * var(--wide-unit)); flex-wrap: wrap; }
  .wemeld-billing .plan-card h3 { font-size: calc(22 * var(--wide-unit)); }
  .wemeld-billing .plan-current { font-size: var(--wide-small); padding: calc(3 * var(--wide-unit)) calc(7 * var(--wide-unit)); }
  .wemeld-billing .plan-description { font-size: var(--wide-body); margin: calc(10 * var(--wide-unit)) 0 calc(26 * var(--wide-unit)); }
  .wemeld-billing .product-price strong { font-size: calc(44 * var(--wide-unit)); }
  .wemeld-billing .product-price .currency { font-size: calc(20 * var(--wide-unit)); }
  .wemeld-billing .product-price small { font-size: var(--wide-body); margin-left: calc(6 * var(--wide-unit)); }
  .wemeld-billing .plan-price-note { font-size: var(--wide-small); margin-top: calc(12 * var(--wide-unit)); }
  .wemeld-billing .plan-credit-line { padding: calc(24 * var(--wide-unit)) 0 calc(20 * var(--wide-unit)); margin-top: calc(22 * var(--wide-unit)); gap: calc(10 * var(--wide-unit)); flex-wrap: wrap; }
  .wemeld-billing .plan-credit-line strong { font-size: calc(28 * var(--wide-unit)); }
  .wemeld-billing .plan-credit-line span { font-size: var(--wide-body); }
  .wemeld-billing .plan-features { font-size: var(--wide-body); margin-bottom: calc(30 * var(--wide-unit)); gap: calc(12 * var(--wide-unit)); }
  .wemeld-billing .plan-features li { gap: calc(10 * var(--wide-unit)); }
  .wemeld-billing .plan-features svg { width: calc(16 * var(--wide-unit)); height: calc(16 * var(--wide-unit)); }
  .wemeld-billing :is(.shared-tools-note, .cost-note) { font-size: var(--wide-small); margin-top: calc(20 * var(--wide-unit)); gap: calc(8 * var(--wide-unit)); }
  .wemeld-billing .shared-tools-note svg { width: calc(15 * var(--wide-unit)); height: calc(15 * var(--wide-unit)); }
  .wemeld-billing .small-tag { font-size: var(--wide-small); }
  .wemeld-billing .pack-heading h3 { font-size: var(--wide-body); }
  .wemeld-billing .pack-heading > span { font-size: var(--wide-small); }
  .wemeld-billing .pack-credit-line { margin: calc(16 * var(--wide-unit)) 0 calc(12 * var(--wide-unit)); gap: calc(10 * var(--wide-unit)); }
  .wemeld-billing .pack-credit-line strong { font-size: calc(36 * var(--wide-unit)); }
  .wemeld-billing .pack-credit-line span { font-size: var(--wide-body); }
  .wemeld-billing .pack-use { font-size: var(--wide-body); min-height: calc(44 * var(--wide-unit)); }
  .wemeld-billing .pack-bottom { padding-top: calc(22 * var(--wide-unit)); margin-top: calc(22 * var(--wide-unit)); gap: calc(16 * var(--wide-unit)); }
  .wemeld-billing .pack-price { font-size: calc(28 * var(--wide-unit)); }
  .wemeld-billing .pack-price small { font-size: var(--wide-body); }
  .wemeld-billing .pack-bottom button { font-size: var(--wide-body); min-height: calc(38 * var(--wide-unit)); padding-inline: calc(16 * var(--wide-unit)); }
  .wemeld-billing .order-count { font-size: var(--wide-small); }
  .wemeld-billing .order-row { grid-template-columns: minmax(0, 1.6fr) minmax(0, .65fr) minmax(0, .65fr) minmax(0, .85fr) minmax(0, 1.05fr) auto; gap: calc(20 * var(--wide-unit)); padding-block: calc(22 * var(--wide-unit)); font-size: var(--wide-body); }
  .wemeld-billing .order-product h3 { font-size: var(--wide-body); }
  .wemeld-billing :is(.order-product p, .order-state, .order-date, .order-operations .settled-note) { font-size: var(--wide-small); }
  .wemeld-billing .order-operations { min-width: 0; gap: calc(14 * var(--wide-unit)); flex-wrap: wrap; }
  .wemeld-billing .order-operations button { font-size: var(--wide-small); }
  .wemeld-billing .order-operations .secondary-button { min-height: calc(34 * var(--wide-unit)); padding: calc(7 * var(--wide-unit)) calc(12 * var(--wide-unit)); }

  /* Dialogs need the same physical readability as the page they interrupt. */
  .wemeld-page :is(.project-dialog, .account-dialog, .checkout-dialog) { width: min(calc(520 * var(--wide-unit)), calc(100vw - 80px)); max-height: calc(100dvh - 80px); padding: calc(30 * var(--wide-unit)); border-radius: calc(20 * var(--wide-unit)); }
  .wemeld-page .dialog-head { gap: calc(16 * var(--wide-unit)); margin-bottom: calc(18 * var(--wide-unit)); }
  .wemeld-page .dialog-head h2 { font-size: calc(24 * var(--wide-unit)); }
  .wemeld-page :is(.dialog-description, .project-dialog p, .form-hint, .optional, .dialog-label, .account-dialog form > label, .checkout-terms, .checkout-order-number, .avatar-picker > span, #cover-file-name) { font-size: var(--wide-small); }
  .wemeld-page :is(.project-dialog, .account-dialog) :is(input:not([type=file]), textarea) { font-size: var(--wide-body); padding: calc(12 * var(--wide-unit)) calc(14 * var(--wide-unit)); }
  .wemeld-page .project-dialog input:not([type=file]) { height: auto; min-height: calc(44 * var(--wide-unit)); }
  .wemeld-page :is(.project-dialog, .account-dialog) :is(input, textarea)::placeholder { font-size: var(--wide-body); }
  .wemeld-page :is(.dialog-actions, .cover-actions, .avatar-actions, .checkout-actions) { margin-top: var(--wide-gap); gap: calc(12 * var(--wide-unit)); }
  .wemeld-page :is(.cover-actions, .avatar-actions, .checkout-actions) > div { gap: calc(10 * var(--wide-unit)); }
  .wemeld-page .cover-reset { font-size: var(--wide-small); }
  .wemeld-page .cover-preview { aspect-ratio: 1.6; }
  .wemeld-page .cover-preview .project-preview { height: 100%; aspect-ratio: auto; }
  .wemeld-page .cover-picker-row { margin-top: calc(16 * var(--wide-unit)); gap: calc(12 * var(--wide-unit)); }
  .wemeld-page .avatar-preview { width: calc(144 * var(--wide-unit)); height: calc(144 * var(--wide-unit)); font-size: calc(45 * var(--wide-unit)); margin-block: var(--wide-gap); }
  .wemeld-page .checkout-product { padding: calc(20 * var(--wide-unit)); }
  .wemeld-page .checkout-product h3 { font-size: calc(22 * var(--wide-unit)); }
  .wemeld-page .checkout-product strong { font-size: calc(28 * var(--wide-unit)); }
  .wemeld-page :is(.checkout-product > span, .checkout-product p, .checkout-details > div, .checkout-disclosure p) { font-size: var(--wide-body); }
  .wemeld-page .checkout-details { margin-top: var(--wide-gap); gap: calc(12 * var(--wide-unit)); }
  .wemeld-page .checkout-details > div:first-child dd { font-size: calc(22 * var(--wide-unit)); }
  .wemeld-page .checkout-disclosure { margin-top: var(--wide-gap); padding-top: calc(20 * var(--wide-unit)); gap: calc(12 * var(--wide-unit)); }
  .wemeld-page .checkout-disclosure svg { width: calc(16 * var(--wide-unit)); height: calc(16 * var(--wide-unit)); }
  .wemeld-page :is(.project-dialog, .account-dialog, .checkout-dialog) :is(.primary-button, .secondary-button) { font-size: var(--wide-body); min-height: calc(40 * var(--wide-unit)); padding: calc(9 * var(--wide-unit)) calc(16 * var(--wide-unit)); }
}