/* Mobile layout overrides for the public pre-study only. The A4 report and
   validated desktop layout deliberately keep their own dimensions. */
@media screen and (max-width: 900px) {
  body.consumer-redesign {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    color-scheme: light;
  }
  /* Apply before focus: smaller address text triggers iPhone's input zoom.
     Keep native pinch zoom available; do not change viewport scale limits. */
  body.consumer-redesign.climacy-landing-with-video main input:not([type]),
  body.consumer-redesign.climacy-landing-with-video main input[type="text"] {
    font-size: 16px !important;
  }
  body.consumer-redesign #root,
  body.consumer-redesign #root > div,
  body.consumer-redesign main { min-width: 0 !important; max-width: 100% !important; }
  body.consumer-redesign:not(.climacy-landing-with-video) main {
    padding: 16px max(12px, env(safe-area-inset-right)) 28px max(12px, env(safe-area-inset-left)) !important;
  }
  body.consumer-redesign main > div,
  body.consumer-redesign main > section,
  body.consumer-redesign #root > div > main > div,
  body.consumer-redesign #root > div > main > section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.consumer-redesign .consumer-page-header-only { padding: 0 !important; }
  body.consumer-redesign:not(.climacy-landing-with-video) main > section { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; }
  body.consumer-redesign:not(.climacy-landing-with-video) main > section:first-of-type { padding-bottom: 16px !important; }
  body.consumer-redesign .consumer-topbar { gap: 12px; padding-bottom: 12px !important; }
  body.consumer-redesign .consumer-brand { max-width: 100%; min-width: 0; }
  body.consumer-redesign .consumer-brand-symbol { flex-shrink: 0; }
  body.consumer-redesign .consumer-brand-claim { min-width: 0; max-width: calc(100% - 54px); }
  body.consumer-redesign .consumer-progress { gap: 10px 12px; margin: 8px 0 20px !important; transform: none !important; }
  body.consumer-redesign .consumer-progress-step { min-width: 0; gap: 7px; min-height: 28px; }
  body.consumer-redesign .consumer-progress-step span { flex: 0 0 25px; }
  body.consumer-redesign .consumer-progress-step b { white-space: normal; font-size: 12px; line-height: 1.3; }
  body.consumer-redesign .consumer-hero h1 { font-size: clamp(24px, 5vw, 34px); line-height: 1.15; letter-spacing: -.035em; }
  body.consumer-redesign .consumer-address-value { margin-left: 0; margin-top: 6px; font-size: 16px; overflow-wrap: anywhere; }
  body.consumer-redesign .consumer-building-grid,
  body.consumer-redesign .consumer-continue-wrap { grid-template-columns: minmax(0, 1fr) !important; }
  body.consumer-redesign .consumer-building-grid > * { min-width: 0; }
  body.consumer-redesign .consumer-map-wrap > div > div.relative {
    height: clamp(220px, 62vw, 400px) !important; aspect-ratio: auto !important;
  }
  body.consumer-redesign .consumer-aptitude { max-width: calc(100% - 24px); gap: 8px; }
  body.consumer-redesign .consumer-aptitude-scale { width: 80px; flex-shrink: 1; }
  body.consumer-redesign .consumer-data-card { padding: 16px !important; }
  body.consumer-redesign .consumer-continue-button { min-width: 0; width: 100%; white-space: normal; padding: 12px 16px !important; }

  /* Selection and 3D preview flow vertically; every grid child can shrink. */
  body.consumer-redesign[data-consumer-page="2"] .consumer-page2-shell { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
  body.consumer-redesign[data-consumer-page="2"] .consumer-selection-panel,
  body.consumer-redesign[data-consumer-page="2"] .consumer-three-panel { padding: 12px !important; }
  body.consumer-redesign[data-consumer-page="2"] .consumer-selection-panel .mx-auto { max-width: 100% !important; padding: 0 !important; }
  body.consumer-redesign[data-consumer-page="2"] .consumer-selection-copy p,
  body.consumer-redesign[data-consumer-page="2"] .consumer-step2-instruction p { font-size: 16px !important; line-height: 1.4 !important; }
  body.consumer-redesign[data-consumer-page="2"] .consumer-simple-table { table-layout: fixed !important; min-width: 0 !important; }
  body.consumer-redesign[data-consumer-page="2"] .consumer-simple-table th,
  body.consumer-redesign[data-consumer-page="2"] .consumer-simple-table td {
    padding: 10px 6px !important; font-size: 13px !important; line-height: 1.35 !important;
    letter-spacing: normal !important; overflow-wrap: anywhere; white-space: normal !important;
  }
  body.consumer-redesign[data-consumer-page="2"] .consumer-simple-table label { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; }
  body.consumer-redesign[data-consumer-page="2"] .consumer-simple-table th { font-size: 11px !important; white-space: nowrap !important; overflow-wrap: normal; }
  body.consumer-redesign[data-consumer-page="2"] .consumer-simple-table th:first-child { width: 38%; }
  body.consumer-redesign[data-consumer-page="2"] .consumer-simple-table th:nth-child(2) { width: 20%; }
  body.consumer-redesign[data-consumer-page="2"] .consumer-simple-table th:last-child { width: 42%; }
  body.consumer-redesign[data-consumer-page="2"] .consumer-simple-table input[type="checkbox"] { flex-shrink: 0; width: 20px; height: 20px; }
  body.consumer-redesign[data-consumer-page="2"] .consumer-three-panel canvas,
  body.consumer-redesign[data-consumer-page="2"] .consumer-three-panel img {
    width: 100% !important; height: clamp(230px, 70vw, 420px) !important; min-height: 0 !important; max-height: 420px !important;
  }
  body.consumer-redesign .roof-three-d-meta { gap: 8px !important; }
  body.consumer-redesign .roof-three-d-meta > span { min-width: 0; padding: 10px; overflow-wrap: anywhere; }
  body.consumer-redesign .consumer-three-d-hint { align-items: flex-start; gap: 10px; padding: 12px; }
  body.consumer-redesign[data-consumer-page="2"] .consumer-step2-actions,
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-actions { gap: 10px !important; }
  body.consumer-redesign[data-consumer-page="2"] .consumer-page2-continue,
  body.consumer-redesign[data-consumer-page="2"] .consumer-page2-back,
  body.consumer-redesign[data-consumer-page="3"] .consumer-page3-continue,
  body.consumer-redesign[data-consumer-page="3"] .consumer-page3-back {
    flex: 1 1 0; min-width: 0 !important; min-height: 48px !important; padding: 12px !important;
    font-size: 15px !important; white-space: normal !important; line-height: 1.35 !important;
  }

  /* Financial summary stays readable without desktop-sized inner margins. */
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report { margin-top: 0 !important; min-width: 0; }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:first-of-type { margin-top: 0 !important; padding: 16px !important; }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:first-of-type > .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:first-of-type > .grid > div { padding: 12px 10px; min-width: 0; }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:first-of-type > .grid p:first-child { font-size: 10px; letter-spacing: .04em; }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:first-of-type > .grid p:last-child { font-size: 16px; overflow-wrap: anywhere; }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:nth-of-type(2) > div:last-child { margin: 0 14px 14px; padding: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:nth-of-type(2) > div:last-child > div,
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:nth-of-type(2) > div:last-child > p { grid-column: 1 / -1; min-width: 0; }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report .whitespace-nowrap { white-space: normal; }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:nth-of-type(2) > div:last-child > p { border-left: 0; padding-left: 0; font-size: 13px; line-height: 1.5; }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report a[href="#rapport"],
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report button { min-width: 0; min-height: 48px; padding: 12px 10px; gap: 6px; font-size: 14px; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-roi-only { width: 100% !important; margin: 16px 0 0 !important; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-summary { padding: 18px !important; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-summary-head { gap: 10px !important; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-summary-head > div:last-child { min-width: 0; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-summary h2 { font-size: 19px !important; line-height: 1.3 !important; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-summary-item { padding: 12px !important; min-width: 0; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-summary-item span { font-size: 11px !important; letter-spacing: 0 !important; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-summary-item strong { font-size: 18px !important; overflow-wrap: anywhere; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-roi-card { padding: 76px 18px 20px !important; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-roi-card::before { top: 18px !important; left: 18px !important; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-roi-card h4 { font-size: 16px !important; letter-spacing: .06em !important; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-roi-card table { table-layout: fixed; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-roi-card table td,
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-roi-card table th { font-size: 14px !important; line-height: 1.45 !important; overflow-wrap: anywhere; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-roi-card table td:last-child,
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-roi-card table th:last-child { width: 42%; padding: 10px 0 10px 12px !important; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-roi-card table tr:last-child td { font-size: 15px !important; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-roi-card table tr:last-child td:last-child { font-size: 23px !important; line-height: 1.3 !important; }

  /* Contact, errors and success: full available width, compact touch targets. */
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page {
    width: 100% !important; min-width: 0 !important; margin: 16px 0 0 !important; padding: 20px !important; border-radius: 18px !important;
  }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page > .flex:first-child { gap: 12px !important; align-items: center !important; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page > .flex:first-child > div:first-child {
    width: 44px !important; min-width: 44px !important; height: 44px !important; flex: 0 0 44px;
  }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page > .flex:first-child > div:last-child { min-width: 0; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page > .flex:first-child svg { width: 24px !important; height: 24px !important; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page h3 { margin: 0 !important; font-size: clamp(21px, 4.8vw, 28px) !important; line-height: 1.2 !important; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page > p { margin: 18px 0 0 !important; font-size: 15px !important; line-height: 1.55 !important; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page .consumer-contact-grid,
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page > div.mt-4.grid { grid-template-columns: minmax(0, 1fr) !important; margin-top: 20px !important; gap: 10px !important; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page input { min-width: 0 !important; height: 48px !important; padding: 0 14px !important; border-radius: 12px !important; font-size: 16px !important; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page .consumer-phone-input { border-radius: 12px !important; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page .consumer-phone-country-shell { flex-basis: 64px !important; width: 64px !important; gap: 6px !important; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page .consumer-phone-country { font-size: 16px !important; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page .consumer-phone-flag { font-size: 22px !important; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page input.consumer-phone-number { height: 46px !important; padding: 0 12px !important; border-radius: 0 !important; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page > button[type="button"],
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page .consumer-step4-actions button {
    min-width: 0 !important; min-height: 52px !important; padding: 12px 14px !important; font-size: 16px !important;
    line-height: 1.35 !important; white-space: normal !important; text-wrap: balance; gap: 8px !important; border-radius: 12px !important;
  }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page button svg { flex-shrink: 0; width: 20px; height: 20px; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page > p.text-red-200 { margin: 12px 0 0 !important; padding: 12px !important; font-size: 14px !important; overflow-wrap: anywhere; }
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page .consumer-report-consent,
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page > p:last-child:not(.text-red-200) { margin: 16px 0 0 !important; font-size: 13px !important; line-height: 1.5 !important; text-align: left !important; }
  body.consumer-redesign[data-consumer-page="4"] .prestudy-thank-you,
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page.prestudy-thank-you,
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page .prestudy-thank-you { padding: 28px 20px !important; }
  body.consumer-redesign[data-consumer-page="4"] .prestudy-thank-you__title { font-size: 24px !important; line-height: 1.25 !important; }
  body.consumer-redesign[data-consumer-page="4"] .prestudy-thank-you__body { font-size: 16px !important; line-height: 1.6 !important; }
  body.consumer-redesign[data-consumer-page="4"] .prestudy-thank-you__note { font-size: 14px !important; line-height: 1.5 !important; }
  body.consumer-redesign main input:focus-visible,
  body.consumer-redesign main button:focus-visible,
  body.consumer-redesign main select:focus-visible { outline: 2px solid #657f20 !important; outline-offset: 3px; }
}

@media screen and (max-width: 400px) {
  body.consumer-redesign[data-consumer-page="4"] .consumer-report-page { padding: 16px !important; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-summary-item { padding: 10px !important; }
  body.consumer-redesign[data-consumer-page="3"] .consumer-step3-summary-item strong { font-size: 16px !important; }
}

@media screen and (max-width: 620px) {
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:nth-of-type(2) > .grid { padding: 12px 16px; grid-template-columns: minmax(0, 1fr); }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:nth-of-type(2) > .grid > div {
    display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 14px;
    padding: 18px 0; text-align: left; align-items: start;
  }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:nth-of-type(2) > .grid > div > img { grid-row: 1 / 4; width: 48px; height: 48px; }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:nth-of-type(2) > .grid > div > p { grid-column: 2; max-width: 100%; margin-top: 6px; }
  body.consumer-redesign[data-consumer-page="3"] .climacy-financial-report > section:nth-of-type(2) > .grid > div > p:first-of-type { margin-top: 0; font-size: 24px; line-height: 1.15; }
}