:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1e2936;
  background: #f7f8fa;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
a { color: #1557a5; text-underline-offset: 0.18em; }
a:hover { color: #0b3c78; }
.wrap { width: min(820px, calc(100% - 32px)); margin: 36px auto; padding: clamp(24px, 5vw, 56px); background: #fff; border: 1px solid #e4e8ee; border-radius: 18px; box-shadow: 0 12px 38px rgb(26 42 60 / 5%); }
.home { margin-top: 9vh; }
h1 { margin: 0 0 12px; color: #142334; font-size: clamp(2rem, 6vw, 3rem); line-height: 1.12; letter-spacing: -0.035em; }
h2 { margin-top: 2.1em; margin-bottom: 0.45em; color: #172b40; font-size: 1.28rem; line-height: 1.3; }
p, li { max-width: 72ch; }
li + li { margin-top: 0.45em; }
.eyebrow { margin: 0 0 12px; color: #526a82; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.muted { color: #5a6878; font-size: 0.94rem; }
.topnav { display: flex; justify-content: space-between; gap: 16px; margin: 0 0 42px; font-size: 0.94rem; }
.links { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 32px 0; }
.link-card { display: grid; gap: 6px; padding: 20px; color: inherit; text-decoration: none; border: 1px solid #dce3ec; border-radius: 12px; background: #fbfcfd; }
.link-card:hover { border-color: #7aa6d7; background: #f5f9ff; }
.link-card strong { color: #1557a5; font-size: 1.1rem; }
.link-card span, .contact { color: #526273; }
.callout { margin: 28px 0; padding: 8px 24px 18px; background: #f3f7fc; border-left: 4px solid #3977bd; border-radius: 8px; }
.callout h2 { margin-top: 18px; }
code { padding: 0.12em 0.35em; border-radius: 4px; background: #f0f2f5; font-size: 0.92em; }
footer { margin-top: 48px; padding-top: 18px; color: #637080; font-size: 0.87rem; border-top: 1px solid #e5e9ef; }
@media (max-width: 540px) { .wrap { width: min(100% - 20px, 820px); margin: 10px auto; padding: 22px 18px; border-radius: 12px; } .topnav { margin-bottom: 30px; } }