/* Building pages on a site without the light design layer (site-design.css):
   the site's colors and type, scoped to the page's own content so the site's
   header and footer keep their look. */
.bldg {
  /* Dallas brand (design pass, October 2026): parchment ground, navy primary, brass accent,
     EB Garamond headings and Manrope text, the same tokens the site's own pages use. The
     names stay the sister sites' (--lake is the accent) so building.css is shared as is. */
  --ground: #f7f4ed; --surface: #efeadf; --stone: #e2dbcc; --ink: #142333; --muted: #4c5662;
  --slate: #b9b4a8;
  --primary: #142333; --primary-ink: #f7f4ed; --primary-hover: #22364b;
  --lake: #7a5c22; --lake-hover: #634a1a; --lake-tint: #f0e6cf; --lake-light: #d9bf86;
  --font-body: Manrope, "Helvetica Neue", Arial, sans-serif; --font-heading: "EB Garamond", Georgia, serif;
  --font-ui: Manrope, "Helvetica Neue", Arial, sans-serif;
  --fs-2xs: .75rem; --fs-xs: .8125rem; --fs-sm: .875rem; --fs-ui: .9375rem; --fs-base: 1rem;
  --fs-md: 1.125rem; --fs-lg: 1.25rem; --fs-xl: 1.5rem; --fs-2xl: 2rem; --fs-3xl: 2.75rem;
  --fs-h2: clamp(2rem, 4.2vw, 3.25rem); --fs-h1: clamp(2.75rem, 7.5vw, 6rem);
  --sp-7: 3rem; --sp-8: 4rem; --sp-9: 6rem; --radius: 2px; --line: var(--stone);
  background: var(--ground); color: var(--ink); font-family: var(--font-body); font-size: 18px;
}
.bldg h1, .bldg h2, .bldg h3, .bldg h4 { font-family: var(--font-heading); font-weight: 400; letter-spacing: -0.015em; color: inherit; }
.bldg h1 { line-height: 1.05; }
.bldg button, .bldg select, .bldg input, .bldg textarea, .bldg label, .bldg nav { font-family: var(--font-ui); }
.bldg .btn-primary { background-color: var(--primary); color: var(--primary-ink); border-radius: 0; box-shadow: none; font-weight: 600; }
.bldg .btn-primary:hover { background-color: var(--primary-hover); }
.bldg a:focus-visible, .bldg button:focus-visible, .bldg select:focus-visible, .bldg input:focus-visible, .bldg textarea:focus-visible, .bldg summary:focus-visible { outline: 3px solid var(--lake); outline-offset: 2px; }
.bldg .grid > * { min-width: 0; }