/* Static production styles — replaces the prototype runtime's compiled output.
   Body reset + link colors (from the old <helmet>), the nav practice-areas
   hover dropdown (was runtime state, now pure CSS), and compiled hover states
   (were style-hover="..." attributes). Page layout stays in the inline styles
   on the markup; this only adds what the runtime used to synthesize. */

body { margin: 0; background: oklch(0.975 0.008 85); }
a { color: oklch(0.52 0.08 45); }
a:hover { color: oklch(0.42 0.08 45); }

/* ---- Nav: Practice Areas hover dropdown (CSS-only) ---- */
.pa-wrap { position: relative; }
.pa-menu {
  display: none;
  position: absolute; top: 38px; left: 0;
  background: oklch(0.975 0.008 85);
  border: 1px solid oklch(0.89 0.015 80);
  box-shadow: 0 18px 44px oklch(0.25 0.02 50 / 0.14);
  padding: 12px;
  grid-template-columns: repeat(2, 230px); gap: 2px;
  z-index: 20;
}
.pa-wrap:hover .pa-menu,
.pa-wrap:focus-within .pa-menu { display: grid; }
.pa-menu a { padding: 11px 14px; font-size: 13px; color: oklch(0.32 0.02 50); text-decoration: none; }
.pa-menu a:hover { background: oklch(0.94 0.014 80); color: oklch(0.26 0.02 50); }

/* ---- Compiled hover states (formerly style-hover) ---- */
.nav-cta:hover { background: oklch(0.28 0.02 50) !important; color: oklch(0.975 0.008 85) !important; }
.btn-dark:hover { background: oklch(0.35 0.03 50) !important; }
.btn-ghost:hover { background: oklch(0.26 0.02 50) !important; color: oklch(0.975 0.008 85) !important; }