/* =====================================
   HOME PURCHASE — CORPORATE TYPOGRAPHY REFRESH 20260826
   Matches refreshed Denarya / About typography.
===================================== */


/* =====================================
   BASE TYPE
===================================== */

body {
  font-family:
    "IBM Plex Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  font-synthesis: none;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
  font-family: inherit;
}


/* =====================================
   DISPLAY HEADINGS
===================================== */

body h1,
body h2,
body h3 {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-weight: 400;
  font-synthesis: none;
}


/* Main page hero */

.re-main > h1 {
  font-weight: 400;
  letter-spacing: -0.025em;
}


/* Major section headings */

.re-summary-panel h2,
.re-card-grid h2,
.re-model-workspace h2,
.re-insights-section h2,
.re-faq-section h2 {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-weight: 400;
  letter-spacing: -0.025em;
}


/* Workspace / analysis headings */

.re-workspace-panel h3,
.re-insights-section h3 {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-weight: 400;
  letter-spacing: -0.018em;
}


/* =====================================
   KICKERS / EYEBROWS
===================================== */

.re-kicker {
  font-family:
    "IBM Plex Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  font-weight: 500;
}


/* =====================================
   BODY COPY
===================================== */

.re-page-subtitle,
.re-faq-subtitle {
  font-weight: 400;
}

.re-insights-section p,
.re-faq-section p {
  font-weight: 400;
}


/* =====================================
   UI LABEL HIERARCHY
===================================== */

.re-score-title {
  font-family:
    "IBM Plex Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  font-weight: 500;
}

body strong,
body b {
  font-weight: 600;
}


/* =====================================
   FORM / CONTROL TYPOGRAPHY
===================================== */

label,
button,
input,
select,
textarea,
summary {
  font-family:
    "IBM Plex Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}


/* =====================================
   LIGHT MODE — ABOUT-MATCHED TYPE
===================================== */

body:not(.dark-mode) .re-main > h1,
body:not(.dark-mode) .re-summary-panel h2,
body:not(.dark-mode) .re-card-grid h2,
body:not(.dark-mode) .re-model-workspace h2,
body:not(.dark-mode) .re-workspace-panel h3,
body:not(.dark-mode) .re-insights-section h2,
body:not(.dark-mode) .re-insights-section h3,
body:not(.dark-mode) .re-faq-section h2 {
  color: #17130f;
}

body:not(.dark-mode) .re-kicker {
  color: #8f642c;
}

body:not(.dark-mode) .re-page-subtitle,
body:not(.dark-mode) .re-faq-subtitle,
body:not(.dark-mode) .re-insights-section p,
body:not(.dark-mode) .re-faq-section p {
  color: rgba(23, 19, 15, 0.68);
}


/* =====================================
   DARK MODE — ABOUT-MATCHED TYPE
===================================== */

body.dark-mode .re-main > h1,
body.dark-mode .re-summary-panel h2,
body.dark-mode .re-card-grid h2,
body.dark-mode .re-model-workspace h2,
body.dark-mode .re-workspace-panel h3,
body.dark-mode .re-insights-section h2,
body.dark-mode .re-insights-section h3,
body.dark-mode .re-faq-section h2 {
  color: #f5f5f2;
}

body.dark-mode .re-kicker {
  color: #a98653;
}

body.dark-mode .re-page-subtitle,
body.dark-mode .re-faq-subtitle,
body.dark-mode .re-insights-section p,
body.dark-mode .re-faq-section p {
  color: rgba(245, 245, 242, 0.72);
}


/* =====================================
   MOBILE
===================================== */

@media (max-width: 768px) {
  .re-main > h1,
  .re-summary-panel h2,
  .re-card-grid h2,
  .re-model-workspace h2,
  .re-insights-section h2,
  .re-faq-section h2 {
    letter-spacing: -0.02em;
  }
}

/* =====================================
   HOME PURCHASE — HERO TYPOGRAPHY FIX 20260826
===================================== */

body .re-main h1 {
  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-weight: 400 !important;
  letter-spacing: -0.025em !important;
}

body:not(.dark-mode) .re-main h1 {
  color: #17130f !important;
}

body.dark-mode .re-main h1 {
  color: #f5f5f2 !important;
}

/* =====================================
   HOME PURCHASE — NAV / HERO SPACING FIX 20260826
===================================== */

body .re-main {
  margin-top: 0 !important;
  padding-top: 22px !important;
}

@media (max-width: 768px) {
  body .re-main {
    margin-top: 0 !important;
    padding-top: 18px !important;
  }
}

/* =====================================
   HOME PURCHASE — SHELL TOP SPACING FIX 20260826
   Removes legacy 72px gap above the hero.
===================================== */

body.real-estate-page .re-app-shell {
  padding-top: 0 !important;
}

@media (max-width: 1240px) {
  body.real-estate-page .re-app-shell {
    padding-top: 0 !important;
  }
}

@media (max-width: 760px) {
  body.real-estate-page .re-app-shell {
    padding-top: 0 !important;
  }
}