/* HelloListed shared design system — extracted verbatim from index.html.
   Every generated page (property pages, kit, upload, report) uses these tokens.
   Do not invent new visual styles. Light mode only. */

:root{
  --cream:#fff8f1;
  --ash:#e2e8f0;
  --ink:#000000;
  --blue:#006eff;
  --blue-soft:rgba(0,110,255,.38);
  --pagepad:clamp(1.4rem, 7vw, 144px);
  --sect:clamp(84px, 12vw, 150px);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}

body{
  background:var(--cream);
  color:var(--ink);
  font-family:'Inter',ui-sans-serif,system-ui,sans-serif;
  font-weight:400;
  font-size:18px;
  line-height:1.5;
  letter-spacing:-0.02em;
  font-feature-settings:"clig","liga";
  -webkit-font-smoothing:antialiased;
}

/* serif display */
.serif{font-family:'Cormorant',serif;font-weight:300}

/* pill button — 60px outlined, uppercase Inter */
.pill{
  display:inline-block;border:1.5px solid var(--blue);border-radius:60px;
  padding:14px 43px;background:transparent;color:var(--blue);
  font-family:'Inter',sans-serif;font-weight:300;font-size:16px;letter-spacing:.02em;
  text-transform:uppercase;text-decoration:none;cursor:pointer;
  transition:background .15s ease,color .15s ease;
}
.pill:hover{background:var(--blue);color:var(--cream)}

/* hairline rules */
.hairline{border:none;border-top:1.5px solid var(--ash)}

/* footer — Equal Housing / TREC block, reused on every branded deliverable */
footer{border-top:1.5px solid var(--ash);padding:43px var(--pagepad) 64px}
footer .fwrap{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
footer span,footer a{font-weight:300;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);opacity:.6}
footer a{color:var(--blue);opacity:1;text-decoration:none}
footer a:hover{text-decoration:underline;text-underline-offset:4px}
footer .eh{border:1.5px solid var(--ash);border-radius:60px;padding:7px 14px;display:inline-block}