.legal-main{padding-bottom:88px}
.legal-hero{background:#243d31;color:#f5f4ec;padding:clamp(54px,8vw,104px) 0 68px}
.legal-hero .eyebrow{color:#d9ee8e;margin-bottom:18px}
.legal-hero h1{font-size:clamp(48px,8vw,92px);letter-spacing:-5px;line-height:.98}
.legal-hero>div>p:last-child{max-width:660px;margin-top:22px;color:#d7ded3;font-size:16px}
.legal-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(30px,6vw,88px);align-items:start;padding-top:54px}
.legal-nav{position:sticky;top:120px;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:20px;background:#fff;border:1px solid #dfe4d8;border-radius:7px}
.legal-nav p{margin-bottom:9px;color:#718064;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.legal-nav a{padding:10px 12px;border-radius:4px;text-decoration:none;font-size:13px}
.legal-nav a:hover,.legal-nav a.active{background:#edf2e4;color:#304b33}
.legal-content{max-width:850px;padding:clamp(22px,5vw,54px);background:#fff;border:1px solid #e1e5dd;border-radius:7px;box-shadow:0 14px 38px #1d34220a}
.legal-intro{margin:0 0 30px;color:#586557;font-size:16px}
.legal-content section{display:grid;grid-template-columns:38px minmax(0,1fr);gap:18px;padding:25px 0;border-bottom:1px solid #e4e8df}
.legal-content section>span{padding-top:5px;color:#70864b;font-size:11px;font-weight:700;letter-spacing:1px}
.legal-content h2{margin:0 0 12px;font-size:22px;letter-spacing:-.6px}
.legal-content p{color:#536053;font-size:14px;line-height:1.75;overflow-wrap:anywhere}
.legal-content p a{color:#304b33;text-decoration-thickness:1px;text-underline-offset:3px}
.legal-content strong{color:#20372d}
.legal-updated{margin-top:27px!important;color:#778171!important;font-size:11px!important}
@media(max-width:760px){
  .legal-hero{padding:46px 0 44px}
  .legal-hero h1{font-size:58px;letter-spacing:-3px}
  .legal-hero>div>p:last-child{font-size:13px}
  .legal-main{padding-bottom:54px}
  .legal-layout{grid-template-columns:1fr;gap:18px;padding-top:20px}
  .legal-nav{position:static;flex-direction:row;align-items:center;gap:5px;padding:9px;overflow-x:auto}
  .legal-nav p{display:none}
  .legal-nav a{flex:0 0 auto;font-size:12px;padding:9px 12px}
  .legal-content{padding:22px 18px}
  .legal-content section{grid-template-columns:25px minmax(0,1fr);gap:9px;padding:20px 0}
  .legal-content h2{font-size:19px}
  .legal-content p{font-size:13px}
  .legal-intro{font-size:14px}
}
