/* Legal pages — clean prose on brand */
.legal-top{position:sticky;top:0;z-index:50;background:var(--navy-950);color:#fff}
.legal-top__inner{max-width:860px;margin-inline:auto;padding:1rem var(--gutter);
  display:flex;align-items:center;justify-content:space-between;gap:1rem}
.legal-top .nav__brand-text{color:#fff}
.legal-top .nav__brand img{width:36px;height:36px;border-radius:5px}
.legal-back{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--navy-200);display:inline-flex;align-items:center;gap:.5rem;transition:color .2s}
.legal-back:hover{color:#fff}
.legal-back .ico{width:1.1em;height:1.1em;transform:rotate(180deg)}
.legal-wrap{max-width:860px;margin:0 auto;padding:clamp(3rem,7vw,5.5rem) var(--gutter) 5rem}
.legal-wrap .eyebrow{margin-bottom:1rem}
.legal-wrap h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:600;
  letter-spacing:-.02em;color:var(--text-strong);margin:0 0 2.5rem}
.legal-wrap h2{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--text-strong);
  margin:2.6rem 0 .8rem;padding-top:1.6rem;border-top:1px solid var(--line-light)}
.legal-wrap h3{font-size:1.05rem;font-weight:600;color:var(--text-strong);margin:1.6rem 0 .5rem}
.legal-wrap p,.legal-wrap li{color:var(--text-body);line-height:1.7;margin:0 0 1rem}
.legal-wrap ul{list-style:disc;padding-left:1.3rem;margin-bottom:1rem}
.legal-wrap a{color:var(--brand-navy);text-decoration:underline;text-underline-offset:2px}
.legal-wrap .muted{color:var(--text-muted);font-size:.92rem}
.legal-note{background:var(--surface-raised);border:1px solid var(--line-light);border-left:3px solid var(--accent);
  border-radius:var(--radius);padding:1rem 1.2rem;margin:1.5rem 0;font-size:.9rem;color:var(--text-muted)}
.legal-note strong{color:var(--text-strong)}
.legal-foot{max-width:860px;margin:0 auto;padding:2rem var(--gutter) 3rem;border-top:1px solid var(--line-light);
  color:var(--text-muted);font-size:.85rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.legal-foot a{color:var(--text-muted)}.legal-foot a:hover{color:var(--brand-navy)}
@media (max-width:520px){
  .legal-back__full{display:none}
  .legal-top__inner{gap:.6rem}
  .legal-back{font-size:.66rem}
}