/* D & D HVAC — base typography & component overrides. Tailwind handles most layout. */
:root {
  --ddhvac-blue: #1d4ed8;
  --ddhvac-blue-dark: #1e3a8a;
  --ddhvac-orange: #f97316;
  --ddhvac-text: #1e293b;
  --ddhvac-muted: #64748b;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  color: var(--ddhvac-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Page-level vertical rhythm so re-templated content always feels consistent. */
main h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 800; line-height: 1.2; margin: 0 0 0.75rem; color: #0f172a; }
main h2 { font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 700; line-height: 1.25; margin: 2rem 0 0.75rem; color: #0f172a; }
main h3 { font-size: clamp(1.15rem, 2.4vw, 1.4rem); font-weight: 700; line-height: 1.3; margin: 1.5rem 0 0.5rem; color: #1e293b; }
main h4 { font-size: 1.1rem; font-weight: 600; margin: 1.25rem 0 0.5rem; color: #1e293b; }
main p  { margin: 0 0 1rem; line-height: 1.7; color: #334155; }
main ul, main ol { margin: 0 0 1rem 1.25rem; line-height: 1.7; color: #334155; }
main li { margin-bottom: 0.35rem; }
main a  { color: var(--ddhvac-blue); text-decoration: underline; text-underline-offset: 2px; }
main a:hover { color: var(--ddhvac-blue-dark); }
main strong { color: #0f172a; }

/* Anything inside `.dd-content` gets generous max-width + side padding */
.dd-content {
  max-width: 72rem;
  margin: 0 auto;
  padding: 2.5rem 1rem;
}
@media (min-width: 768px) {
  .dd-content { padding: 3.5rem 1.5rem; }
}

/* Guarantee any embedded image is responsive (legacy pages may have inline width attrs) */
.dd-content img,
main img,
section img {
  max-width: 100%;
  height: auto;
}

/* Tap-target friendliness on mobile */
@media (max-width: 767px) {
  main a, main button { min-height: 2.5rem; }
}

/* Visually hide skip-link until focused (a11y) */
.dd-skip {
  position: absolute; left: -9999px;
}
.dd-skip:focus {
  left: 1rem; top: 1rem; z-index: 100;
  background: #fff; color: #0f172a; padding: 0.5rem 0.75rem; border-radius: 0.375rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Remove the legacy nav/header/footer/popup that some old pages had inside the body
 * — the build script tries to strip these, but defensively hide anything left. */
.legacy-header, .legacy-footer { display: none !important; }