/* CareLens is the data company; the regional directories retain their own identity. */
:root {
  color-scheme: light;
  --canvas: #f4f7fa;
  --surface: #fff;
  --surface-soft: #eaf0f5;
  --ink: #142a3b;
  --muted: #536779;
  --line: #d5e0e8;
  --night: #10263a;
  --night-muted: #b8cbd8;
  --accent: #087d89;
  --accent-hover: #066570;
  --accent-light: #70d2d6;
  --sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: ui-monospace, 'SFMono-Regular', Consolas, monospace;
  --radius: 10px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--sans); background: var(--canvas); color: var(--ink); font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4 { font-family: var(--sans); text-wrap: balance; }
p { text-wrap: pretty; }
a { color: var(--accent-hover); text-underline-offset: .2em; }
a:hover { color: var(--accent-hover); text-decoration-thickness: .12em; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
.mast a:focus-visible, .hero a:focus-visible { outline-color: var(--accent-light); }
.brand, .wordmark { display: inline-flex; align-items: center; gap: .65rem; font-family: var(--sans); font-weight: 750; letter-spacing: -.045em; text-decoration: none; }
.brand::before, .wordmark::before { content: ''; flex: 0 0 32px; width: 32px; height: 32px; background: url('/carelens-mark.svg') center / contain no-repeat; }
.skip { position: absolute; left: 1rem; top: -8rem; z-index: 10; padding: .7rem 1rem; background: var(--surface); color: var(--ink); border-radius: 4px; }
.skip:focus { top: 1rem; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}