.legal-page{
  background:var(--white)
}

.legal-page .site-header{
  border-bottom-color:rgba(9,43,82,.1);
  background:#fff;
  box-shadow:0 5px 18px rgba(2,20,39,.1)
}

.legal-page .site-header .brand,
.legal-page .site-header .main-nav a{
  color:var(--navy)
}

.legal-page .site-header .main-nav a:hover{
  color:var(--blue)
}

.legal-page .site-header .nav-cta{
  border-color:var(--navy);
  background:var(--navy);
  color:#fff!important
}

.legal-main{
  padding-top:72px
}

.legal-hero{
  padding:90px 24px 58px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,var(--pale),#fff)
}

.legal-content{
  width:min(760px,calc(100% - 48px));
  margin:0 auto
}

.legal-hero .eyebrow{
  margin-bottom:16px
}

.legal-hero h1{
  margin:0;
  color:var(--navy);
  font:600 clamp(46px,7vw,74px)/1.04 var(--font-display);
  letter-spacing:-.045em
}

.legal-updated{
  margin:18px 0 0;
  color:#607a91;
  font-size:14px;
  font-weight:600
}

.legal-copy{
  padding:68px 0 100px;
  color:#405a72;
  font-size:16px;
  line-height:1.8
}

.legal-copy>p:first-child{
  color:var(--ink);
  font-size:18px
}

.legal-copy h2{
  margin:46px 0 14px;
  color:var(--navy);
  font-size:27px;
  letter-spacing:-.02em
}

.legal-copy p{
  margin:0 0 17px
}

.legal-copy ul{
  display:grid;
  gap:8px;
  margin:8px 0 22px;
  padding-left:24px
}

.legal-copy li::marker{
  color:var(--blue)
}

.legal-copy a{
  color:var(--blue);
  font-weight:600
}

@media(max-width:800px){
  .legal-main{
    padding-top:64px
  }

  .legal-hero{
    padding:64px 16px 42px
  }

  .legal-content{
    width:min(100% - 32px,760px)
  }

  .legal-copy{
    padding:50px 0 72px;
    font-size:15px;
    line-height:1.75
  }

  .legal-copy h2{
    margin-top:38px;
    font-size:24px
  }
}