/* The public legal pages, /terms and /privacy (Views/Legal), in _MarketingLayout: loaded only by those two views through
   the layout's Styles section, so nothing here reaches another page. The shared header and footer come from
   marketing-shell.css (which also declares the self-hosted Geist faces); this file styles only the document.

   A long document, not a card: one readable left-aligned column, a clear h1/h2 hierarchy, underlined links (never colour
   alone) with a visible focus ring, safe wrapping for long words and URLs, and headings that land below the sticky
   header when reached by an anchor. No animation. The view's own Bootstrap classes (h3, small, text-muted) are kept in
   the markup and restyled here. */

.mk-legal {
  max-width: 800px;
  margin: 0 auto;
  padding: 56px 24px 24px;
  color: #3B4350;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-size: 16.5px;
  line-height: 1.7;
  overflow-wrap: anywhere;
  -webkit-font-smoothing: antialiased;
}

.mk-legal h1,
.mk-legal h2,
.mk-legal h3 {
  color: #0B1220;
  font-weight: 600;
  letter-spacing: -.02em;
  scroll-margin-top: 88px;
}

.mk-legal h1 {
  margin: 0 0 8px;
  font-size: 40px;
  line-height: 1.1;
}

.mk-legal h1 + p {
  margin-bottom: 36px;
  font-size: 14.5px;
}

.mk-legal h2 {
  margin: 40px 0 12px;
  font-size: 21px;
  line-height: 1.3;
}

.mk-legal h3 {
  margin: 28px 0 10px;
  font-size: 17.5px;
  line-height: 1.35;
}

.mk-legal p {
  margin: 0 0 16px;
}

.mk-legal ul,
.mk-legal ol {
  margin: 0 0 16px;
  padding-left: 1.4em;
}

.mk-legal li + li {
  margin-top: 8px;
}

.mk-legal strong {
  color: #0B1220;
  font-weight: 600;
}

.mk-legal a {
  color: #1448CC;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mk-legal a:hover {
  color: #0B1220;
}

.mk-legal a:focus-visible {
  border-radius: 2px;
  outline: 2px solid #1A5CFF;
  outline-offset: 2px;
}

@media (max-width: 575.98px) {
  .mk-legal {
    padding: 36px 16px 16px;
    font-size: 16px;
  }

  .mk-legal h1 {
    font-size: 32px;
  }

  .mk-legal h2 {
    margin-top: 32px;
    font-size: 19px;
  }
}

/* Print: the document only — no sticky header, menu or site footer — in black on white. */
@media print {
  .mk.mk-navbar,
  .mk.mk-foot,
  .visually-hidden-focusable {
    display: none !important;
  }

  .mk-legal {
    max-width: none;
    padding: 0;
    color: #000;
    font-size: 11pt;
    line-height: 1.5;
  }

  .mk-legal h1,
  .mk-legal h2,
  .mk-legal h3,
  .mk-legal strong {
    color: #000;
  }

  .mk-legal h2,
  .mk-legal h3 {
    break-after: avoid;
  }

  .mk-legal a {
    color: #000;
  }
}