/* Legal pages (privacy, terms). Extends style.css tokens; standalone reading layout. */

/* skip link */
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--ink);color:var(--paper);
  padding:12px 18px;border-radius:0 0 10px 0;
  font-family:'Inter',sans-serif;font-weight:600;font-size:.9rem;
}
.skip-link:focus{left:0}

/* top padding clears the fixed site-header */
.legal{padding-top:clamp(130px,17vh,190px);padding-bottom:var(--sec-pad)}
.legal-inner{width:min(100% - 40px,800px);margin-inline:auto}
.legal .eyebrow{margin-bottom:20px}
.legal-title{
  font-family:'Neue Corp',Georgia,serif;font-weight:400;
  letter-spacing:-.03em;line-height:1.02;
  font-size:clamp(2.4rem,5.4vw,3.6rem);
  color:var(--ink);margin-bottom:18px;
}
.legal-meta{
  font-family:'Inter',sans-serif;font-size:.92rem;color:var(--muted);
  padding-bottom:clamp(28px,4vh,40px);border-bottom:1px solid var(--line);
  margin-bottom:clamp(32px,4.5vh,48px);
}

/* body typography, mirrors the insights post body */
.legal-body{font-family:'Inter',sans-serif;font-size:1.08rem;line-height:1.75;color:#2c2a24}
.legal-body p{margin-bottom:22px}
.legal-body h2{
  font-family:'Neue Corp',Georgia,serif;font-weight:500;
  letter-spacing:-.02em;line-height:1.1;
  font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--ink);
  margin:clamp(40px,5.5vh,54px) 0 16px;
}
.legal-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:opacity .2s}
.legal-body a:hover{opacity:.7}
.legal-body strong{color:var(--ink);font-weight:600}
.legal-body ul{list-style:none;margin:0 0 22px;padding-left:4px;display:flex;flex-direction:column;gap:11px}
.legal-body li{position:relative;padding-left:28px;line-height:1.6}
.legal-body li::before{content:"";position:absolute;left:4px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.legal-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--bg-alt);padding:2px 6px;border-radius:5px;color:var(--ink)}

@media(max-width:560px){.legal-body{font-size:1.02rem}}