/* Screen economy knobs (UI.H2–H4, UI.H1·390, UI.H7, UI.H6, UI.H10). Toggle via html[data-econ~="…"]. */

:root {
  --econ-dock-sticky-top: 0;
  --econ-guest-chip-pad: 0.4rem 0.65rem;
  --econ-guest-chip-gap: 0.35rem 0.5rem;
  --econ-key-sheet-gap: 0.4rem;
  --econ-region-gap: 0.55rem;
}

/* UI.H4 — region sits above Create; keep it one quiet card */
html[data-econ~="region-create"] #create-intro > #register-context {
  margin: 0 0 var(--econ-region-gap);
}

html[data-econ~="region-create"] #create-intro > #register-confirm {
  width: 100%;
}

/* UI.H2 — number + tabs stay in view on phone while support chip lives below */
@media (max-width: 767px) {
  html[data-econ~="dock-sticky"] #header-member-dock,
  html[data-econ~="dock-sticky"] .header-member-dock {
    position: sticky;
    top: var(--econ-dock-sticky-top);
    z-index: 30;
    background: transparent;
  }

  html[data-econ~="guest-compact"] .member-page--guest .dash-need-chip {
    padding: var(--econ-guest-chip-pad);
    gap: var(--econ-guest-chip-gap);
    margin-bottom: 0.45rem;
  }

  html[data-econ~="guest-compact"] .member-page--guest .dash-need-chip__text {
    flex: 1 1 100%;
    font-size: 0.8125rem;
    line-height: 1.3;
  }

  html[data-econ~="guest-compact"] .member-page--guest .payment-strip {
    padding: 0.35rem 0;
  }

  html[data-econ~="guest-compact"] .member-page--guest .payment-strip__title {
    font-size: 0.75rem;
  }

  html[data-econ~="hide-guest-pay-id"] .member-page--guest .payment-strip__enter,
  html[data-econ~="hide-guest-pay-id"] .member-page--guest .ph-col-id {
    display: none;
  }
}

/* UI.H1·390 — key + warn + save in first phone frame; print/promo stay folded */
@media (max-width: 540px) {
  html[data-econ~="key-phone"] .page-auth--key .cred-sheet,
  html[data-econ~="key-phone"] .page-auth--key .cred-sheet--save {
    gap: var(--econ-key-sheet-gap);
    margin: 0.25rem 0;
  }

  html[data-econ~="key-phone"] .page-auth--key .auth-trial-claim {
    margin: 0.35rem 0 0;
  }

  html[data-econ~="key-phone"] .page-auth--key .auth-trial-claim .btn {
    width: 100%;
  }

  html[data-econ~="key-phone"] .page-auth--key .auth-disclosure--sheet,
  html[data-econ~="key-phone"] .page-auth--key .auth-disclosure--promo {
    margin-top: 0.35rem;
  }
}

/* UI.H7 — knowledge table: Window / Cabinet / Never as folds, not 16 equal rows */
html[data-econ~="knowledge-groups"] .privacy-schema__group--fold {
  margin: 0.35rem 0 0;
  padding: 0;
  border: none;
  border-top: 1px solid var(--border-subtle, rgba(80, 70, 64, 0.18));
  background: transparent;
}

html[data-econ~="knowledge-groups"] .privacy-schema > .privacy-schema__head,
html[data-econ~="knowledge-groups"] .privacy-schema--embedded > .privacy-schema__head,
html[data-econ~="knowledge-groups"] .privacy-schema--compact > .privacy-schema__head {
  margin: 0.15rem 0 0.25rem;
}

html[data-econ~="knowledge-groups"] .privacy-page .privacy-schema__group--fold > .privacy-schema__group-title,
html[data-econ~="knowledge-groups"] .privacy-schema__group--fold > summary {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 2.75rem;
  margin: 0;
  padding: 0.35rem 0;
  cursor: pointer;
  list-style: none;
  font-size: 0.9375rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--text, #2c2622);
}

html[data-econ~="knowledge-groups"] .privacy-schema__group--fold > summary::-webkit-details-marker {
  display: none;
}

html[data-econ~="knowledge-groups"] .privacy-schema__group--fold > summary::after {
  content: "";
  display: inline-flex;
  width: 0.75rem;
  height: 0.75rem;
  flex: 0 0 auto;
  order: 1;
  background-color: currentColor;
  color: var(--text-muted, #6f675f);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3.2 5.75a.75.75 0 0 1 1.05-.05L8 9.2l3.75-3.5a.75.75 0 1 1 1 1.1l-4.25 4a.75.75 0 0 1-1 0l-4.25-4a.75.75 0 0 1-.05-1.05z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3.2 5.75a.75.75 0 0 1 1.05-.05L8 9.2l3.75-3.5a.75.75 0 1 1 1 1.1l-4.25 4a.75.75 0 0 1-1 0l-4.25-4a.75.75 0 0 1-.05-1.05z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: transform 0.2s ease, color 0.15s ease;
  transform: rotate(0deg);
  transform-origin: 50% 45%;
}

html[data-econ~="knowledge-groups"] .privacy-schema__group--fold[open] > summary::after {
  transform: rotate(180deg);
  color: var(--text, #2c2622);
}

html[data-econ~="knowledge-groups"] .privacy-schema__group--fold > summary:hover {
  color: var(--accent-muted, var(--accent, #7a665e));
}

html[data-econ~="knowledge-groups"] .privacy-schema__group--fold > summary:active {
  color: var(--accent, #7a665e);
}

html[data-econ~="knowledge-groups"] .privacy-schema__group--fold > summary:focus-visible {
  outline: 2px solid var(--accent, #7a665e);
  outline-offset: 2px;
}

html[data-econ~="knowledge-groups"] .privacy-schema__group-n {
  order: 2;
  margin-inline-start: auto;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--text-muted, #6f675f);
  font-variant-numeric: tabular-nums;
}

html[data-econ~="knowledge-groups"] .privacy-schema__group--fold .privacy-schema__row {
  padding: 0.35rem 0;
}

@media (prefers-reduced-motion: reduce) {
  html[data-econ~="knowledge-groups"] .privacy-schema__group--fold > summary::after {
    transition: none;
  }
}

/* UI.H6 — first home paint: Sign in / Learn more, not Demo (Figma 6:2). Drop token = Demo first again. */
html[data-econ~="home-entry"] .static-facade-demo {
  display: none !important;
}

.static-facade-learn {
  display: none;
}

html[data-econ~="home-entry"] .static-facade-learn {
  display: inline;
}

/* UI.H10 — donate first frame = title + Pay; attic in folds.
   V-20260906-DONATE-FLOW: same stack through mid <1100 (900 buried Pay).
   Sticky Pay only phone / short land. Mini App participate untouched. */
@media (max-width: 1099px) {
  html[data-econ~="donate-phone"] .donate-page:not(.app-page) {
    display: flex;
    flex-direction: column;
    padding-bottom: calc(0.35rem + env(safe-area-inset-bottom, 0px));
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-top-grid,
  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-body-grid,
  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-body-col--checkout {
    display: contents;
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-top-col--title,
  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-checkout-row,
  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-body-col--tiers,
  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-benefits-fold,
  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-top-col--facts,
  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-top-col--paid,
  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-energy-link {
    width: 100%;
    min-width: 0;
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-top-col--title {
    order: 1;
    margin-bottom: 0.25rem;
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-lead-tight {
    margin: 0.2rem 0 0;
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-checkout-row {
    order: 2;
    margin: 0.3rem 0 0;
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-checkout-row__pay {
    min-height: 2.75rem;
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-body-col--tiers {
    order: 3;
    margin-top: 0.35rem;
    padding: 0.45rem 0.65rem;
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-section-label {
    margin: 0 0 0.35rem;
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .tier-click-hint {
    display: none;
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-benefits-fold {
    order: 4;
    margin-top: 0.35rem;
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) #donate-error {
    order: 5;
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-top-col--facts {
    order: 6;
    margin-top: 0.3rem;
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-top-col--paid {
    order: 7;
    margin-top: 0.2rem;
  }

  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-energy-link {
    order: 8;
    margin-top: 0.4rem;
  }
}

@media (max-width: 540px), (max-height: 540px) and (orientation: landscape) {
  html[data-econ~="donate-phone"] .donate-page:not(.app-page) .donate-checkout-row {
    position: sticky;
    bottom: 0;
    z-index: 8;
    padding: 0.45rem 0 calc(0.45rem + env(safe-area-inset-bottom, 0px));
    background: transparent;
    border-top: none;
  }
}

@media (max-width: 540px) {
  html[data-econ~="donate-phone"] .pricing-page .pricing-voluntary {
    display: none;
  }

  html[data-econ~="donate-phone"] .pricing-card {
    padding: 0.45rem 0.7rem;
    gap: 0.2rem;
  }

  html[data-econ~="donate-phone"] .pricing-card__cta {
    min-height: 2.5rem;
  }
}

.access-line-pick {
  margin: 0 0 0.75rem;
}

.access-line-pick__hint,
.access-line-pick__pending {
  margin: 0.35rem 0 0;
  font-size: 0.8125rem;
  color: var(--text-muted, #6f675f);
}

/* UI.H11 — Mini App participate 390: Pay in first frame; extra in folds.
   Drop token app-phone = previous stack. */
@media (max-width: 540px) {
  html[data-econ~="app-phone"] .app-page.app-page--participate {
    display: flex;
    flex-direction: column;
    padding-bottom: calc(0.35rem + env(safe-area-inset-bottom, 0px));
  }

  html[data-econ~="app-phone"] .app-page--participate .app-participate,
  html[data-econ~="app-phone"] .app-page--participate .app-participate__main,
  html[data-econ~="app-phone"] .app-page--participate .app-participate__rail,
  html[data-econ~="app-phone"] .app-page--participate .app-participate__benefits {
    display: contents;
  }

  html[data-econ~="app-phone"] .app-page--participate .page-title,
  html[data-econ~="app-phone"] .app-page--participate .internal-eyebrow {
    order: 1;
    width: 100%;
  }

  html[data-econ~="app-phone"] .app-page--participate #app-participate-submit {
    order: 2;
    position: sticky;
    bottom: 0;
    z-index: 8;
    width: 100%;
    margin: 0.3rem 0 0;
    min-height: 2.75rem;
    padding: 0.45rem 0 calc(0.45rem + env(safe-area-inset-bottom, 0px));
    background: var(--bg, #f0eee9);
  }

  html[data-econ~="app-phone"] .app-page--participate .app-participate__tiers {
    order: 3;
    width: 100%;
    margin-top: 0.35rem;
  }

  html[data-econ~="app-phone"] .app-page--participate .donate-paid-card {
    order: 4;
    width: 100%;
    margin-top: 0.35rem;
  }

  html[data-econ~="app-phone"] .app-page--participate .donate-facts-fold {
    order: 5;
    width: 100%;
    margin-top: 0.3rem;
  }

  html[data-econ~="app-phone"] .app-page--participate .app-participate__energy {
    order: 6;
    width: 100%;
  }

  html[data-econ~="app-phone"] .app-page--participate .donate-benefits-fold,
  html[data-econ~="app-phone"] .app-page--participate .app-tier-table {
    order: 7;
    width: 100%;
    margin-top: 0.3rem;
  }
}