/* Shared PrimeX Team readability layer. Typography only; layout and data flow stay unchanged. */
html { font-size: 19px; }
body { text-rendering: optimizeLegibility; }

.app-body .eyebrow,
.login-body .eyebrow { font-size: .72rem; }

.app-body .page-heading > p:last-child,
.app-body .heading-split > div > p:last-child { font-size: .82rem; }

.app-body .sidebar a strong,
.app-body .mobile-nav a,
.app-body .topbar > div:first-of-type strong { font-size: .72rem; }

.app-body .sidebar a small,
.app-body .topbar > div:first-of-type small { font-size: .6rem; }

.app-body .metric-card p { font-size: .68rem; }
.app-body .metric-card span { font-size: .62rem; }
.app-body .panel p,
.app-body .data-note,
.app-body .bonus-list,
.app-body .member-list { line-height: 1.62; }

.app-body .rank-qualification strong,
.app-body .rank-qualification span,
.app-body .rank-qualification small,
.app-body .rank-requirement strong,
.app-body .rank-requirement span,
.app-body .rank-requirement small,
.app-body .rank-target strong,
.app-body .rank-target span,
.app-body .rank-target small,
.app-body .rank-package,
.app-body .rank-cap-rule,
.app-body .rank-note { font-size: .62rem; }

.app-body .rank-target .rank-full-name,
.app-body .rank-package p,
.app-body .rank-package p small,
.app-body .rank-rewards summary span { font-size: .58rem; }

.app-body .rank-package summary .rank-package-benefit,
.app-body .rank-package.active summary .rank-package-benefit { font-size: .58rem; }

.app-body button,
.app-body input,
.app-body select,
.app-body textarea { font-size: max(.7rem, 12px); }

.buy-pxt-page .buy-heading p,
.buy-pxt-page .buy-section-heading p,
.payment-shell .payment-section-heading p { font-size: 10px; }

.buy-pxt-page .buy-heading > span,
.buy-pxt-page .buy-section-heading > span,
.buy-pxt-page .rate-strip { font-size: 11px; }

.buy-pxt-page .purchase-hero small { font-size: 12px; }
.buy-pxt-page .purchase-hero p { font-size: 12px; }
.buy-pxt-page .pxt-package small { font-size: 9px; }
.buy-pxt-page .pxt-package > span:not(.package-check) { font-size: 10px; }
.buy-pxt-page .review-token small { font-size: 10px; }
.buy-pxt-page .review-token strong { font-size: 18px; }
.buy-pxt-page .review-card dl div { font-size: 12px; }
.buy-pxt-page .purchase-note,
.buy-pxt-page .purchase-safety small { font-size: 10px; }
.buy-pxt-page .purchase-safety strong { font-size: 12px; }
.buy-pxt-page .create-invoice { font-size: 13px; }

.contributor-overview-page .contributor-status { font-size: 11px; }
.contributor-overview-page .contributor-overview-copy h2 { font-size: clamp(27px, 4vw, 42px); }
.contributor-overview-page .contributor-overview-copy > p { font-size: 14px; }
.contributor-overview-page .contributor-overview-copy > a small,
.contributor-overview-page .contributor-lock-bar > a small { font-size: 9px; }
.contributor-overview-page .contributor-overview-copy > a strong,
.contributor-overview-page .contributor-lock-bar > a strong { font-size: 15px; }
.contributor-overview-page .contributor-overview-copy > a,
.contributor-overview-page .contributor-lock-bar > a {
  border: 1px solid #f0cf5a;
  background: linear-gradient(135deg, #f2cf52 0%, #d9a91f 100%);
  color: #111722;
  box-shadow: 0 8px 24px rgba(216, 180, 59, .25), inset 0 1px rgba(255, 255, 255, .35);
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.contributor-overview-page .contributor-overview-copy > a small,
.contributor-overview-page .contributor-overview-copy > a strong,
.contributor-overview-page .contributor-lock-bar > a small,
.contributor-overview-page .contributor-lock-bar > a strong { color: #111722; }
.contributor-overview-page .contributor-overview-copy > a > svg,
.contributor-overview-page .contributor-lock-bar > a > svg {
  color: #111722;
  stroke: currentColor;
}
.contributor-overview-page .contributor-overview-copy > a > svg:first-child,
.contributor-overview-page .contributor-lock-bar > a > svg:first-child {
  border-color: rgba(17, 23, 34, .35);
}
.contributor-overview-page .contributor-overview-copy > a:hover,
.contributor-overview-page .contributor-lock-bar > a:hover,
.contributor-overview-page .contributor-overview-copy > a:focus-visible,
.contributor-overview-page .contributor-lock-bar > a:focus-visible {
  filter: brightness(1.08);
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(216, 180, 59, .38), 0 0 0 3px rgba(242, 207, 82, .16);
  outline: none;
}
.contributor-overview-page .contributor-overview-copy > a:active,
.contributor-overview-page .contributor-lock-bar > a:active {
  transform: translateY(0) scale(.985);
}
.contributor-overview-page .contributor-fund-metrics small,
.contributor-overview-page .contributor-invest-payout > small { font-size: 11px; }
.contributor-overview-page .contributor-fund-metrics strong { font-size: 21px; }
.contributor-overview-page .contributor-package-dashboard > h2 { font-size: 20px; }
.contributor-overview-page .contributor-invest-identity strong,
.contributor-overview-page .contributor-invest-payout > strong { font-size: 17px; }
.contributor-overview-page .contributor-lock-bar > div:nth-of-type(1) strong { font-size: 16px; }
.contributor-overview-page .contributor-lock-bar > div:nth-of-type(2) strong { font-size: 17px; }
.contributor-overview-page .contributor-fund-metrics p,
.contributor-overview-page .contributor-invest-identity small,
.contributor-overview-page .contributor-invest-payout > p,
.contributor-overview-page .contributor-no-packages p,
.contributor-overview-page .contributor-lock-bar > div small { font-size: 11px; }

.contributor-package { font-size: 14px; }
.contributor-tier { font-size: 11px; }
.contributor-review small,
.contributor-payment-details h3,
.pxt-balance-card small { font-size: 11px; }
.contributor-dialog-lead,
.contributor-message { font-size: 14px; }

.payment-shell .payment-status-card p,
.payment-shell .invoice-summary small,
.payment-shell .payment-choice small,
.payment-shell .wallet-selection-lock small,
.payment-shell .wallet-only-card small,
.payment-shell .payment-footer,
.payment-shell .wallet-chooser-copy,
.payment-shell .wallet-chooser-note { font-size: 11px; }

.payment-shell .payment-status-card small,
.payment-shell .wallet-only-card p { font-size: 12px; }

.payment-shell button,
.payment-shell a { font-size: 12px; }

.admin-body,
.admin-shell { font-size: 16px; }
.admin-shell small,
.admin-shell label,
.admin-shell p { line-height: 1.6; }

@media (max-width: 620px) {
  html { font-size: 18px; }
  .app-body .page-heading > p:last-child,
  .app-body .heading-split > div > p:last-child { font-size: .86rem; }
  .app-body .rank-package p,
  .app-body .rank-package p small { font-size: .64rem; }
  .buy-pxt-page .purchase-hero p,
  .contributor-overview-page .contributor-overview-copy > p { font-size: 12px; }
  .contributor-overview-page .contributor-overview-copy h2 { font-size: 31px; }
  .contributor-overview-page .contributor-package-dashboard > h2 { font-size: 18px; }
}

@media (max-width: 370px) {
  html { font-size: 16px; }
}
