/* Optional desktop density mode.
   This is intentionally opt-in per page. It changes rem-based sizing rather
   than applying browser zoom or transform: scale(), so normal document flow,
   sticky navigation, anchors, and responsive tables keep working. */
@media (min-width: 900px) {
  html.desktop-density-90 {
    /* The shared stylesheet uses a 15px root. 13.5px is 90% of that
       size, approximating a 90% browser zoom without changing viewport
       breakpoints or applying a transform to the page. */
    font-size: 13.5px;
  }

  /* Keep the comparison rows aligned when one plan needs an extra line of
     copy. Ultra has the longest description and callout, so the other cards
     receive the same reserved space instead of starting their content at
     different heights. */
  html.desktop-density-90 .pricing-grid .plan-description {
    min-height: 4.5rem;
  }

  html.desktop-density-90 .pricing-grid .plan-reason {
    min-height: 9rem;
  }

  /* methodology.html has several deliberately self-contained px-based card
     styles. Rem scaling cannot reach those declarations, so scale only this
     page's reading surfaces explicitly. Inline pipeline labels are covered
     below with the narrowest possible selectors. */
  html.desktop-density-90 .method-card {
    padding: 19.8px 21.6px;
    margin-bottom: 18px;
  }

  html.desktop-density-90 .method-card h3 {
    font-size: 16.2px;
    margin-bottom: 7.2px;
  }

  html.desktop-density-90 .method-card p {
    font-size: 12.6px;
  }

  html.desktop-density-90 .method-card p + p {
    margin-top: 9px;
  }

  html.desktop-density-90 .channel-card .ch-title,
  html.desktop-density-90 .exit-card .exit-title {
    font-size: 12.6px;
    margin-bottom: 5.4px;
  }

  html.desktop-density-90 .channel-card .ch-desc,
  html.desktop-density-90 .exit-card .exit-desc {
    font-size: 11.7px;
  }

  html.desktop-density-90 .plan-guide-card h4 {
    font-size: 13.5px;
  }

  html.desktop-density-90 .plan-guide-card .plan-guide-summary,
  html.desktop-density-90 .plan-guide-card li,
  html.desktop-density-90 .plan-guide-card .plan-guide-link {
    font-size: 11.7px;
  }

  html.desktop-density-90 .method-card [style*="font-size:15px"] {
    font-size: 13.5px !important;
  }

  html.desktop-density-90 .method-card [style*="font-size:14px"] {
    font-size: 12.6px !important;
  }

  html.desktop-density-90 .method-card [style*="font-size:13px"] {
    font-size: 11.7px !important;
  }

  html.desktop-density-90 .method-card [style*="font-size:12px"] {
    font-size: 10.8px !important;
  }
}
