/* Public site typography and tokens stay local to its header/footer on record pages.
   Record components keep the application design system in every access state. */
.marketing-body,
.marketing-header,
.marketing-footer {
  --marketing-ink: #093c41;
  --marketing-ink-deep: #062f34;
  --marketing-copy: #405b61;
  --marketing-muted: #6d7d7d;
  --marketing-paper: #fbfaf6;
  --marketing-paper-cool: #f4f7f4;
  --marketing-line: #d2dad6;
  --marketing-line-strong: #9db4b0;
  --marketing-blue: #1e6b8b;
  --marketing-river: #82aeba;
  --marketing-amber: #bf8c42;
  --marketing-white: #fffef9;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

:is(.marketing-body, .marketing-header, .marketing-footer) *,
:is(.marketing-body, .marketing-header, .marketing-footer) *::before,
:is(.marketing-body, .marketing-header, .marketing-footer) *::after { box-sizing: border-box; }

:is(.marketing-body, .marketing-header, .marketing-footer) img { display: block; max-width: 100%; }
:is(.marketing-body, .marketing-header, .marketing-footer) a { color: inherit; }
.marketing-body h1,
.marketing-body h2,
.marketing-body h3,
:is(.marketing-body, .marketing-header, .marketing-footer) p { margin-top: 0; }
.marketing-body h1,
.marketing-body h2,
.marketing-body h3 {
  color: var(--marketing-ink-deep);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  text-wrap: balance;
}

:is(.marketing-body, .marketing-header, .marketing-footer) a:focus-visible,
:is(.marketing-body, .marketing-header, .marketing-footer) button:focus-visible {
  outline: 3px solid #e0a951;
  outline-offset: 4px;
}


.marketing-body { margin: 0; color: var(--marketing-ink); background: var(--marketing-paper); }

.marketing-header { color: #093c41; }