@font-face {
  font-family: Inter;
  src: url("/assets/inter-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  font-family:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  color: #182738;
  background: #f8fafb;
  line-height: 1.7;
}
* {
  box-sizing: border-box;
  letter-spacing: 0;
}
body {
  margin: 0;
}
a {
  color: #1746d1;
  text-underline-offset: 3px;
}
a:hover {
  text-decoration-thickness: 2px;
}
:focus-visible {
  outline: 3px solid #008d98;
  outline-offset: 4px;
}
.legal-nav {
  background: #fff;
  border-bottom: 1px solid #dbe3e7;
}
.legal-nav__inner,
.legal-main {
  width: min(calc(100% - 40px), 880px);
  margin: auto;
}
.legal-nav__inner {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.legal-brand {
  color: #071a2f;
  font-size: 1.08rem;
  font-weight: 790;
  text-decoration: none;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.legal-links {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  font-size: 0.82rem;
  font-weight: 700;
}
.legal-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #365363;
}
.legal-main {
  padding: 70px 0 110px;
}
.meta {
  color: #5e707c;
  font-size: 0.82rem;
  font-weight: 690;
  text-transform: uppercase;
  margin-bottom: 14px;
}
h1 {
  font-size: 3.5rem;
  line-height: 1.08;
  margin: 0 0 22px;
  color: #071a2f;
  font-weight: 760;
}
h2 {
  font-size: 1.13rem;
  line-height: 1.3;
  margin: 0 0 12px;
  color: #112e42;
}
.lead {
  font-size: 1.14rem;
  line-height: 1.75;
  color: #455b69;
  max-width: 780px;
  margin: 0 0 50px;
}
.card {
  border-top: 1px solid #d5e0e4;
  padding: 26px 0 18px;
  margin: 0;
}
.card p,
.card li {
  color: #465d6a;
}
.card p {
  margin: 0 0 12px;
}
.card ol {
  padding-left: 22px;
}
.card li {
  padding-bottom: 8px;
}
.warning {
  border-top: 3px solid #ad4b38;
  background: #fdf8f6;
  padding: 25px;
  margin: 0 0 18px;
}
.warning h2 {
  color: #7c3023;
}
.warning p {
  color: #613e39;
}
footer {
  background: #071a2f;
  color: #c4d5da;
  padding: 28px 20px;
  text-align: center;
  font-size: 0.82rem;
}
@media (max-width: 600px) {
  .legal-nav__inner {
    display: block;
    padding: 15px 0;
  }
  .legal-links {
    gap: 10px 20px;
  }
  .legal-main {
    padding: 50px 0 75px;
  }
  h1 {
    font-size: 2.55rem;
  }
  .lead {
    font-size: 1rem;
    margin-bottom: 36px;
  }
  .warning {
    padding: 18px;
  }
}