/* Deal Seeker V5 — PHONE-ONLY presentation pass.
   No desktop selectors, calculator logic, entitlements, or service configuration.
   All declarations are restricted to viewport widths <= 767 CSS pixels. */
@media screen and (max-width: 767px) {
  /* Keep form controls inside their cards and prevent iOS input focus zoom. */
  body :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    max-width: 100%;
    min-width: 0;
    font-size: max(16px, 1em);
  }
  body :is(button, a, input, select, textarea) { touch-action: manipulation; }
  body :is(.wrap, main, .card, .field, .grid, .vcell, .deal-verdict-row) { min-width: 0; }
  body :is(.smart-comps-table-wrap, .stress-table-wrap, .compare-table-wrap,
    .amortization-table-wrap, .schedule-table-wrap, .table-scroll,
    .attribution-table-wrap, .admin-table-wrap) {
    max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  /* The homepage and standalone calculator headers use two intentional rows:
     branding + preferences, followed by accessible links. */
  body.ds-home .home-nav,
  body.da-standalone .da-site-header,
  body.mc-standalone .mc-site-header,
  body.ds-tool-standalone > .mc-site-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 6px 7px !important;
    padding: 10px 13px !important;
    min-height: 0 !important;
  }
  body.ds-home .home-nav .home-logo,
  body.da-standalone .da-site-header .site-header-brand,
  body.mc-standalone .mc-site-header .home-logo,
  body.ds-tool-standalone > .mc-site-header .home-logo {
    grid-column: 1 !important; grid-row: 1 !important;
    min-width: 0 !important; margin: 0 !important;
    font-size: 15px !important; letter-spacing: -.03em;
    white-space: nowrap !important;
  }
  body.ds-home .home-nav .home-logo img,
  body.da-standalone .da-site-header .site-header-logo,
  body.mc-standalone .mc-site-header .home-logo img,
  body.ds-tool-standalone > .mc-site-header .home-logo img {
    width: 31px !important; height: 31px !important; flex: 0 0 31px !important;
  }
  body.ds-home .home-nav nav,
  body.da-standalone .da-site-header .da-main-nav,
  body.mc-standalone .mc-site-header .mc-main-nav,
  body.ds-tool-standalone > .mc-site-header .mc-main-nav {
    grid-column: 1 / -1 !important; grid-row: 2 !important;
    order: unset !important; width: 100% !important;
    min-width: 0 !important; max-width: 100% !important;
    flex: unset !important; flex-basis: auto !important;
    display: flex !important; flex-wrap: nowrap !important;
    align-items: center !important; justify-content: space-between !important;
    gap: 7px !important; padding: 7px 0 1px !important; margin: 0 !important;
    overflow-x: auto !important; scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  body.ds-home .home-nav nav a,
  body.da-standalone .da-site-header .da-main-nav a,
  body.mc-standalone .mc-site-header .mc-main-nav a,
  body.ds-tool-standalone > .mc-site-header .mc-main-nav a {
    display: inline-flex !important; align-items: center !important;
    min-height: 38px !important; flex: 0 0 auto !important;
    padding: 7px 3px !important; font-size: 12px !important;
    line-height: 1.25 !important; white-space: nowrap !important;
  }
  body.ds-home .home-nav :is(.home-language-toggle,.home-theme-toggle),
  body.mc-standalone .mc-site-header :is(.mc-language-toggle,.mc-theme-toggle),
  body.ds-tool-standalone > .mc-site-header :is(.mc-language-toggle,.mc-theme-toggle),
  body.da-standalone .da-site-header :is(.da-language-toggle,.da-theme-toggle) {
    min-height: 42px !important; min-width: 40px !important;
    padding: 7px 9px !important; margin: 0 !important;
  }
  body.ds-home .home-nav .home-language-toggle { grid-column: 2 !important; grid-row: 1 !important; }
  body.ds-home .home-nav .home-theme-toggle { grid-column: 3 !important; grid-row: 1 !important; }
  body.mc-standalone .mc-site-header .mc-language-toggle,
  body.ds-tool-standalone > .mc-site-header .mc-language-toggle { grid-column: 2 !important; grid-row: 1 !important; }
  body.mc-standalone .mc-site-header .mc-theme-toggle,
  body.ds-tool-standalone > .mc-site-header .mc-theme-toggle { grid-column: 3 !important; grid-row: 1 !important; }
  body.da-standalone .da-site-header .da-header-actions {
    display: flex !important; grid-column: 2 / 4 !important;
    grid-row: 1 !important; justify-content: end !important;
    flex: unset !important; min-width: 0 !important; gap: 5px !important;
  }
  /* Sign In is already present in the main nav; don't duplicate it in a tiny header. */
  body.da-standalone .da-header-actions .account-signin-link { display: none !important; }
  body.da-standalone .da-site-header .site-header-name { font-size: 15px !important; }
  body.da-standalone .da-site-header,
  body.mc-standalone .mc-site-header,
  body.ds-tool-standalone > .mc-site-header { margin-left: 0 !important; margin-right: 0 !important; }

  /* More usable phone hero and card sizing; illustrations stay intact. */
  body.ds-home main { padding-inline: 15px !important; }
  body.ds-home .home-hero { gap: 23px !important; padding: 32px 0 24px !important; min-height: 0 !important; }
  body.ds-home .home-hero h1 { font-size: clamp(31px, 8.8vw, 40px) !important; line-height: 1.15 !important; }
  body.ds-home .home-hero h1 .hand-em { white-space: normal !important; }
  body.ds-home .hero-copy > p { font-size: 16px !important; line-height: 1.65 !important; }
  body.ds-home .hero-actions :is(.primary-btn,.secondary-btn) {
    width: 100% !important; min-height: 46px !important;
  }
  body.ds-home .hero-preview.animated-deal-preview { transform: none !important; animation: none !important; }
  body.ds-home :is(.home-card,.cf-demo-card) { min-width: 0 !important; }
  body.ds-home .home-grid { grid-template-columns: minmax(0,1fr) !important; }
  body.ds-home .home-pro { padding: 21px 18px !important; }
  body.ds-home .home-pro .primary-btn { width: 100% !important; text-align: center; }
  body.ds-home .cf-step-toggle { min-height: 44px !important; }
  body.ds-home .cf-step-right { min-width: 0 !important; }

  /* Deal Analysis — put each input BELOW its label and give it a real hit area.
     Older 320px layouts left the label and 19px-high input on the same line. */
  body.da-standalone #dealAnalysisView .card { min-width: 0 !important; }
  body.da-standalone #dealAnalysisView .card .grid {
    display: grid !important; grid-template-columns: minmax(0,1fr) !important;
    gap: 15px !important;
  }
  body.da-standalone #dealAnalysisView .grid > .field {
    display: flex !important; flex-direction: column !important;
    align-items: stretch !important; gap: 6px !important;
    width: 100% !important; min-width: 0 !important; height: auto !important;
  }
  body.da-standalone #dealAnalysisView .field > label {
    display: block !important; max-width: 100% !important;
    width: auto !important; margin: 0 !important; line-height: 1.45 !important;
    font-size: 13px !important;
  }
  body.da-standalone #dealAnalysisView .field > :is(input:not([type="checkbox"]),select,textarea) {
    display: block !important; width: 100% !important; min-width: 0 !important;
    max-width: 100% !important; min-height: 44px !important;
    margin: 0 !important; padding: 9px 12px !important;
    box-sizing: border-box !important; font-size: 16px !important;
  }
  body.da-standalone #dealAnalysisView .field > input[hidden] { display: none !important; }
  body.da-standalone #dealAnalysisView .field.down-payment-field {
    display: grid !important;
    grid-template-columns: 70px minmax(0,1fr) !important;
    gap: 7px !important; align-items: center !important;
  }
  body.da-standalone #dealAnalysisView .down-payment-field > label,
  body.da-standalone #dealAnalysisView .down-payment-field > .hint {
    grid-column: 1 / -1 !important;
  }
  body.da-standalone #dealAnalysisView .down-payment-field > #downMode {
    grid-column: 1 !important; width: 70px !important; min-width: 70px !important;
    position: static !important; transform: none !important;
  }
  body.da-standalone #dealAnalysisView .down-payment-field > :is(#downPct,#downDollar):not([hidden]) {
    grid-column: 2 !important; width: 100% !important;
  }
  body.da-standalone #dealAnalysisView .unit-row {
    display: grid !important; grid-template-columns: minmax(0,1fr) auto !important;
    gap: 7px 8px !important; align-items: center !important;
  }
  body.da-standalone #dealAnalysisView .unit-row .unit-num {
    grid-column: 1 / -1 !important; width: auto !important;
    min-width: 0 !important; color: var(--da-ink) !important;
  }
  body.da-standalone #dealAnalysisView .unit-row .unit-rent {
    grid-column: 1 !important; width: 100% !important;
    min-width: 0 !important; min-height: 44px !important;
    font-size: 16px !important;
  }
  body.da-standalone #dealAnalysisView .unit-row .remove-unit {
    grid-column: 2 !important; min-width: 44px !important; min-height: 44px !important;
  }
  body.da-standalone #dealAnalysisView .smart-property-search-box {
    display: flex !important; flex-direction: column !important;
    gap: 9px !important; min-width: 0 !important;
  }
  body.da-standalone #dealAnalysisView #smartPropertyAddress {
    width: 100% !important; min-height: 46px !important; min-width: 0 !important;
    font-size: 16px !important;
  }
  body.da-standalone #dealAnalysisView .smart-property-actions {
    display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important; gap: 8px !important;
  }
  body.da-standalone #dealAnalysisView .smart-property-actions :is(a,button) {
    min-width: 0 !important; width: 100% !important;
    min-height: 44px !important; white-space: normal !important;
    font-size: 12px !important; padding: 9px 7px !important;
  }
  body.da-standalone #dealAnalysisView .smart-property-suggestions {
    max-width: 100% !important; overflow-wrap: anywhere !important;
  }
  body.da-standalone #dealAnalysisView .verdict .deal-verdict-row,
  body.da-standalone #dealAnalysisView .verdict .deal-verdict-reason {
    min-width: 0 !important; overflow-wrap: anywhere !important;
  }
  body.da-standalone #dealAnalysisView .verdict .deal-verdict-value {
    font-size: clamp(21px,7vw,30px) !important;
  }
  body.da-standalone .da-page-intro h1 { font-size: clamp(31px,9vw,41px) !important; }
  body.da-standalone .da-intro-actions a { min-height: 46px !important; }

  /* Dedicated calculators: tall, comfortable controls and fluid readouts. */
  body:is(.mc-standalone,.ds-tool-standalone) > .wrap { max-width: 100% !important; }
  body:is(.mc-standalone,.ds-tool-standalone) :is(.mc-page-intro,.mc-intro-aside) { min-width: 0 !important; }
  body:is(.mc-standalone,.ds-tool-standalone) .mc-page-intro {
    padding: 23px 17px !important; margin-bottom: 16px !important;
  }
  body:is(.mc-standalone,.ds-tool-standalone) .mc-page-intro h1 {
    font-size: clamp(30px,8.4vw,39px) !important;
  }
  body:is(.mc-standalone,.ds-tool-standalone) .mc-intro-actions :is(a,button) {
    min-height: 44px !important;
  }
  body:is(.mc-standalone,.ds-tool-standalone) #propertyAnalyzer :is(input:not([type="checkbox"]),select,textarea),
  body.mc-standalone #mortgageCalculator :is(input:not([type="checkbox"]),select,textarea) {
    min-height: 44px !important; font-size: 16px !important;
  }
  body.ds-tool-standalone .standalone-tool-nav { max-width: 100% !important; overflow-x: auto !important; }
  body.ds-premium-tool :is(#fixFlipView,#comparePropertiesView) :is(input:not([type="checkbox"]),select,textarea) {
    min-width: 0 !important; max-width: 100% !important;
    min-height: 44px !important; font-size: 16px !important;
  }
  body.ds-premium-compare #comparePropertiesView .compare-mobile-tabs {
    display: flex !important; gap: 8px !important; width: 100% !important;
  }
  body.ds-premium-compare #comparePropertiesView .compare-mobile-tab {
    flex: 1 1 0 !important; min-width: 0 !important; min-height: 44px !important;
  }
  body.ds-premium-compare #comparePropertiesView .compare-property-shell,
  body.ds-premium-compare #comparePropertiesView .compare-frame { width: 100% !important; min-width: 0 !important; }

  /* Funnel: the CTA was hanging 15px outside the right edge at 320px. */
  body.funnel-v5 .site-header { width: 100% !important; max-width: 100% !important;
    display: flex !important; flex-direction: column !important;
    align-items: stretch !important; padding: 13px 15px !important;
  }
  body.funnel-v5 .site-header-brand { align-self: flex-start !important; min-width: 0 !important; }
  body.funnel-v5 .site-header-actions {
    display: grid !important; width: 100% !important; max-width: 100% !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    align-items: stretch !important; gap: 8px !important;
  }
  body.funnel-v5 .site-header-actions :is(.ds-pref-lang,.ds-pref-theme) {
    justify-self: stretch !important; min-width: 0 !important;
    width: 100% !important; min-height: 44px !important;
  }
  body.funnel-v5 .site-header-actions .funnel-header-cta {
    grid-column: 1 / -1 !important; width: 100% !important;
    max-width: 100% !important; min-width: 0 !important;
    min-height: 46px !important; margin: 0 !important;
    justify-content: center !important; text-align: center !important;
  }
  body.funnel-v5 .wrap { width: calc(100% - 26px) !important; }
  body.funnel-v5 .funnel-masthead { padding: 23px 18px !important; }
  body.funnel-v5 .funnel-masthead h1 { font-size: clamp(30px,8.6vw,42px) !important; }
  body.funnel-v5 :is(.funnel-step,.funnel-why-card) { min-width: 0 !important; }

  /* Pricing: keep plan actions and bilingual menu readable on narrow phones. */
  body.pricing-public-page .public-pricing-shell { min-width: 0 !important; }
  body.pricing-public-page .public-pricing-header {
    display: flex !important; flex-direction: column !important;
    align-items: stretch !important; gap: 10px !important;
  }
  body.pricing-public-page .public-pricing-nav {
    display: flex !important; flex-wrap: wrap !important;
    justify-content: flex-start !important; align-items: center !important;
    gap: 5px 9px !important; width: 100% !important; min-width: 0 !important;
  }
  body.pricing-public-page .public-pricing-nav :is(a,button) { min-height: 40px !important; }
  body.pricing-public-page .public-pricing-nav :is(.ds-pref-lang,.ds-pref-theme) {
    min-height: 42px !important; padding: 7px 9px !important;
  }
  body.pricing-public-page .public-pricing-hero h1 {
    font-size: clamp(30px,8.3vw,42px) !important;
    overflow-wrap: anywhere !important;
  }
  body.pricing-public-page :is(.public-plan-card,.public-report-packs) {
    min-width: 0 !important; max-width: 100% !important;
  }
  body.pricing-public-page .public-plan-card :is(a,button) { min-height: 44px !important; }

  /* The privacy page has a three-column provider table: swipe within the
     table instead of pushing the entire document out of view. */
  body.privacy-policy-page .privacy-shell table {
    display: block !important; width: 100% !important; max-width: 100% !important;
    overflow-x: auto !important; overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
  body.privacy-policy-page .privacy-shell table tbody {
    display: table !important; min-width: 500px !important;
  }
  body.privacy-policy-page .privacy-shell :is(.intro,.toc,.updated,p,li) {
    overflow-wrap: anywhere !important;
  }

  /* Account/admin/report: tables scroll inside their own panels, not the page. */
  body.ds-account-v6 .ds-account-sitebar,
  body.ds-admin-v7 .main,
  body.ds-admin-v7 .panel-card,
  body .report-shell { min-width: 0 !important; max-width: 100% !important; }
  body.ds-account-v6 .ds-account-sitebar nav {
    overflow-x: auto !important; max-width: 100% !important;
    -webkit-overflow-scrolling: touch;
  }
  body.ds-account-v6 :is(.ds-pref-lang,.ds-pref-theme) { min-height: 42px !important; }
  body.ds-admin-v7 :is(.panel-card,.attribution-table-wrap),
  body .report-shell :is(.report-table-wrap,.report-data-table) {
    max-width: 100% !important; overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  /* Expense rows are independent of the purchase .field grid. */
  :is(body.da-standalone,body.compare-child) #dealAnalysisView .expense-row {
    display: flex !important; flex-direction: column !important;
    width: 100% !important; min-width: 0 !important;
    gap: 6px !important; align-items: stretch !important;
    margin-block: 10px !important;
  }
  :is(body.da-standalone,body.compare-child) #dealAnalysisView .expense-row > label {
    display: block !important; width: 100% !important;
    min-width: 0 !important; margin: 0 !important; font-size: 13px !important;
  }
  :is(body.da-standalone,body.compare-child) #dealAnalysisView .expense-row > :is(input,select) {
    display: block !important; width: 100% !important; max-width: 100% !important;
    min-width: 0 !important; min-height: 44px !important;
    margin: 0 !important; padding: 9px 11px !important;
    box-sizing: border-box !important; font-size: 16px !important;
  }
  :is(body.da-standalone,body.compare-child) #dealAnalysisView :is(.clear-section-btn,.add-unit) {
    min-height: 42px !important; padding: 8px 12px !important;
  }

  /* The independently rendered Compare Properties frames use the exact same
     readable phone fields as Deal Analysis once the comparison script marks them. */
  body.compare-child #dealAnalysisView .card .grid {
    display: grid !important; grid-template-columns: minmax(0,1fr) !important;
    gap: 14px !important;
  }
  body.compare-child #dealAnalysisView .grid > .field {
    display: flex !important; flex-direction: column !important;
    align-items: stretch !important; gap: 6px !important;
    width: 100% !important; height: auto !important; min-width: 0 !important;
  }
  body.compare-child #dealAnalysisView .grid > .field > label {
    display: block !important; width: auto !important; margin: 0 !important;
    font-size: 13px !important;
  }
  body.compare-child #dealAnalysisView .grid > .field > :is(input:not([type="checkbox"]),select,textarea) {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    min-height: 44px !important; padding: 9px 11px !important;
    font-size: 16px !important; margin: 0 !important; box-sizing: border-box !important;
  }
  body.compare-child #dealAnalysisView .field > input[hidden] { display: none !important; }
  body.compare-child #dealAnalysisView .field.down-payment-field {
    display: grid !important; grid-template-columns: 65px minmax(0,1fr) !important;
    gap: 7px !important; align-items: center !important;
  }
  body.compare-child #dealAnalysisView .down-payment-field > :is(label,.hint) { grid-column: 1 / -1 !important; }
  body.compare-child #dealAnalysisView .down-payment-field > #downMode {
    grid-column: 1 !important; width: 65px !important; min-width: 65px !important;
    position: static !important; transform: none !important;
  }
  body.compare-child #dealAnalysisView .down-payment-field > :is(#downPct,#downDollar):not([hidden]) {
    grid-column: 2 !important; width: 100% !important;
  }
  body.compare-child #dealAnalysisView .unit-row { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 7px !important; }
  body.compare-child #dealAnalysisView .unit-row .unit-num { grid-column: 1 / -1 !important; width: auto !important; }
  body.compare-child #dealAnalysisView .unit-row .unit-rent { grid-column: 1 !important; width: 100% !important; min-height: 44px !important; font-size: 16px !important; }
  body.compare-child #dealAnalysisView .unit-row .remove-unit { grid-column: 2 !important; min-width: 44px !important; min-height: 44px !important; }
  body.compare-child #dealAnalysisView .smart-property-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; }
  body.compare-child #dealAnalysisView .smart-property-actions :is(button,a) {
    width: 100% !important; min-width: 0 !important; min-height: 44px !important;
    padding: 8px 6px !important; white-space: normal !important;
  }

  /* The Business Analyzer still uses the legacy standalone shell.  This is a
     phone-only legibility/form treatment; it does not replace desktop V5 work. */
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) {
    background: #faf9f5 !important; background-image: none !important;
    color: #172730 !important; padding: 0 !important; margin: 0 !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) > .wrap {
    width: calc(100% - 24px) !important; max-width: 100% !important;
    margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) #propertyAnalyzer > #dealAnalysisView > .card,
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) #businessAnalyzer .card {
    min-width: 0 !important; width: 100% !important; max-width: 100% !important;
    padding: 17px 15px !important; box-sizing: border-box !important; border: 1px solid #d1dedd !important;
    border-radius: 15px !important; background: #fff !important;
    color: #172730 !important; box-shadow: none !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .grid {
    display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 13px !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .grid > .field {
    display: flex !important; flex-direction: column !important;
    width: 100% !important; height: auto !important; align-items: stretch !important;
    min-width: 0 !important; gap: 6px !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .grid > .field > label {
    width: auto !important; color: #172730 !important; display: block !important; font-size: 13px !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .grid > .field > :is(input:not([type="checkbox"]),select,textarea) {
    display: block !important; width: 100% !important; min-height: 44px !important;
    min-width: 0 !important; margin: 0 !important; padding: 9px 11px !important;
    background: #fff !important; color: #172730 !important; border: 1px solid #9bb2b8 !important;
    border-radius: 9px !important; box-sizing: border-box !important; font-size: 16px !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) .field > input[hidden] { display: none !important; }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .field.down-payment-field {
    display: grid !important; grid-template-columns: 66px minmax(0,1fr) !important; align-items: center !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) .down-payment-field > :is(label,.hint) {grid-column: 1 / -1 !important;}
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) .down-payment-field > #downMode {grid-column:1!important;width:66px!important;min-width:66px!important;}
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) .down-payment-field > :is(#downPct,#downDollar):not([hidden]) {grid-column:2!important;width:100%!important;}
  html[data-theme="dark"] body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) {
    background: #16150f !important; color: #f7f4ec !important;
  }
  html[data-theme="dark"] body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .card {
    background: #24231c !important; color: #f7f4ec !important; border-color: #565044 !important;
  }
  html[data-theme="dark"] body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .grid > .field > label {
    color: #f7f4ec !important;
  }
  html[data-theme="dark"] body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .grid > .field > :is(input:not([type="checkbox"]),select,textarea) {
    background: #211f19 !important; color: #f7f4ec !important; border-color: #807866 !important;
  }

  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) {
    font-family: Inter, Arial, sans-serif !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .card :is(h2,h3) {
    font-family: 'Space Grotesk', Inter, Arial, sans-serif !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .expense-row {
    display: flex !important; flex-direction: column !important;
    gap: 6px !important; width: 100% !important;
    margin-block: 10px !important; min-width: 0 !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .expense-row > label {
    width: 100% !important; color: #172730 !important; font-size: 13px !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .expense-row > input {
    display: block !important; width: 100% !important; max-width: 100% !important;
    min-width: 0 !important; min-height: 44px !important; box-sizing: border-box !important;
    padding: 9px 11px !important; margin: 0 !important; font-size: 16px !important;
    border: 1px solid #9bb2b8 !important; border-radius: 9px !important;
    background: #fff !important; color: #172730 !important;
  }
  html[data-theme="dark"] body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) #propertyAnalyzer > #dealAnalysisView > .card,
  html[data-theme="dark"] body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) #businessAnalyzer .card {
    background: #24231c !important; color: #f7f4ec !important; border-color: #565044 !important;
  }
  html[data-theme="dark"] body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .card :is(h2,h3,p,.card-sub,.hint, .field > label, .expense-row > label) {
    color: #f7f4ec !important; opacity: 1 !important;
  }
  html[data-theme="dark"] body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) :is(#dealAnalysisView,#businessAnalyzer) .expense-row > input {
    background: #211f19 !important; color: #f7f4ec !important; border-color: #807866 !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) #dealAnalysisView .unit-row {
    display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 7px !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) #dealAnalysisView .unit-row .unit-num {
    grid-column: 1 / -1 !important; width: auto !important; min-width: 0 !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) #dealAnalysisView .unit-row .unit-rent {
    grid-column: 1 !important; width: 100% !important; min-height: 44px !important;
    min-width: 0 !important; box-sizing: border-box !important; font-size: 16px !important;
  }
  body:is(.analyzer-property,.analyzer-business):not(.da-standalone):not(.mc-standalone):not(.ds-tool-standalone):not(.funnel-v5):not(.compare-child) #dealAnalysisView .unit-row .remove-unit {
    grid-column: 2 !important; min-width: 44px !important; min-height: 44px !important;
  }

  /* Standalone Business/Compare-child legacy help: inline navigation anchors
     previously acquired a 425px bounding box in a 320px modal. */
  body #whatsWhatModal .help-toc {
    display: flex !important; flex-wrap: wrap !important;
    gap: 7px !important; max-width: 100% !important;
  }
  body #whatsWhatModal .help-toc a {
    display: inline-flex !important; align-items: center !important;
    width: auto !important; max-width: 100% !important;
    min-width: 0 !important; min-height: 40px !important;
    flex: 0 1 auto !important; margin: 0 !important;
    padding: 8px 10px !important; white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* Keep the floating up-arrow above the iOS home indicator and long forms. */
  .ds-back-to-top { right: max(13px,env(safe-area-inset-right,0px)) !important; }
}

@media screen and (max-width: 359px) {
  /* Homepage ES navigation needs two rows at 320px; keep all four links visible. */
  body.ds-home .home-nav nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px 8px !important;
    overflow: visible !important;
    justify-content: stretch !important;
  }
  body.ds-home .home-nav nav a {
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    justify-content: center !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }
  body.ds-home .home-nav .home-logo,
  body.da-standalone .da-site-header .site-header-name,
  body.mc-standalone .mc-site-header .home-logo,
  body.ds-tool-standalone > .mc-site-header .home-logo {
    font-size: 13px !important;
  }
  body.ds-home .home-nav,
  body.da-standalone .da-site-header,
  body.mc-standalone .mc-site-header,
  body.ds-tool-standalone > .mc-site-header { padding-inline: 10px !important; gap: 5px !important; }
  body.da-standalone #dealAnalysisView .smart-property-actions { grid-template-columns: minmax(0,1fr) !important; }
  body.pricing-public-page .public-pricing-nav { gap: 4px 7px !important; }
}

/* Keep Spanish homepage navigation fully visible on narrow phones; English
   retains the existing single-row design above 359px. */
@media screen and (min-width: 360px) and (max-width: 415px) {
  html[data-language="es"] body.ds-home .home-nav nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px 8px !important;
    overflow: visible !important;
    justify-content: stretch !important;
  }
  html[data-language="es"] body.ds-home .home-nav nav a {
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    justify-content: center !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }
}

/* Mobile result-card repair — keep four full-width desktop cards unchanged.
   Two readable columns replace the legacy four 70px-wide phone columns. */
@media screen and (max-width: 767px) {
  body.da-standalone #dealAnalysisView > #daDealResults.verdict,
  body.da-standalone #dealAnalysisView > #daDealResults.verdict.ds-results-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    padding: 10px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults > .vcell,
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact > .vcell {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    min-height: 106px !important;
    padding: 13px 11px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults > .vcell .vlabel,
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact > .vcell .vlabel {
    font-size: 11px !important;
    line-height: 1.25 !important;
    letter-spacing: .035em !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults > .vcell .vvalue,
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact > .vcell .vvalue {
    max-width: 100% !important;
    font-size: clamp(17px, 5.4vw, 25px) !important;
    line-height: 1.2 !important;
    letter-spacing: -.025em !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
    font-variant-numeric: tabular-nums;
  }
  body.da-standalone #dealAnalysisView #daDealResults > .vcell:nth-child(3) .vvalue {
    font-size: clamp(16px, 4.9vw, 23px) !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults .vcell .badge-row,
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact .vcell .badge-row {
    display: flex !important;
    flex-flow: column wrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults .vcell .badge-row .badge {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults .deal-verdict-row,
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact .deal-verdict-row {
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 15px 13px !important;
    min-width: 0 !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults .deal-verdict-value {
    font-size: clamp(21px, 5.8vw, 29px) !important;
    line-height: 1.2 !important;
    overflow-wrap: break-word !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults .deal-verdict-reason {
    font-size: 13px !important;
    line-height: 1.45 !important;
    overflow-wrap: break-word !important;
  }
  /* While sticky, preserve the complete four-metric view without cramming them
     into four thin columns or allowing the long explanation to cover the screen. */
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact > .vcell {
    min-height: 70px !important;
    gap: 4px !important;
    padding: 9px 10px !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact > .vcell .vlabel {
    font-size: 10px !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact > .vcell .vvalue {
    font-size: clamp(16px, 4.6vw, 20px) !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact > .vcell:nth-child(3) .vvalue {
    font-size: clamp(15px, 4.35vw, 19px) !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact .badge-row {
    flex-direction: row !important;
    gap: 4px !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact .badge-row .badge {
    padding: 3px 6px !important;
    font-size: 10px !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact .deal-verdict-row {
    padding: 8px 10px !important;
    gap: 4px !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact .deal-verdict-value {
    font-size: clamp(17px, 4.9vw, 22px) !important;
  }
  body.da-standalone #dealAnalysisView #daDealResults.ds-results-compact .deal-verdict-reason {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
}