/* ============================================================
   StayPilot.ai — legal pages (terms / privacy / refund).
   Built on design/styles.css tokens.
   ============================================================ */

body.legal{background:var(--bg);color:var(--text-body)}

.legal-top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  max-width:860px;margin:0 auto;padding:22px 24px;
}
.legal-logo{display:inline-flex;align-items:center;gap:10px}
.legal-logo img{width:30px;height:30px}
.legal-logo span{font-size:17px;font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);color:var(--ink)}
.legal-topnav{display:flex;gap:20px}
.legal-topnav a{font-size:var(--text-label);font-weight:var(--weight-bold);color:var(--text-muted)}
.legal-topnav a:hover{color:var(--orange)}

.legal-wrap{max-width:760px;margin:0 auto;padding:26px 24px 70px}
.legal-wrap h1{
  font-size:clamp(1.9rem,4vw,2.6rem);font-weight:var(--weight-black);
  letter-spacing:var(--tracking-tight);color:var(--ink);line-height:1.1;margin-bottom:8px;
}
.legal-updated{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-semibold);margin-bottom:34px}
.legal-wrap h2{
  font-size:19px;font-weight:var(--weight-bold);color:var(--ink);
  letter-spacing:-.01em;margin:34px 0 10px;
}
.legal-wrap p{font-size:15.5px;line-height:1.75;margin-bottom:14px}
.legal-wrap ul{margin:0 0 14px 22px;list-style:disc}
.legal-wrap li{font-size:15.5px;line-height:1.7;margin-bottom:7px}
.legal-wrap a{color:var(--orange);font-weight:var(--weight-semibold)}
.legal-wrap a:hover{color:var(--orange-2)}
.legal-wrap strong{color:var(--ink);font-weight:var(--weight-bold)}
.legal-callout{
  background:var(--cream);border-radius:var(--radius-lg);
  padding:18px 22px;margin:18px 0;font-size:15px;line-height:1.65;
}
.legal-callout strong{color:var(--ink)}

.legal-foot{
  border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  max-width:860px;margin:0 auto;padding:24px;
  font-size:13px;color:var(--text-muted);font-weight:var(--weight-semibold);
}
.legal-foot nav{display:flex;gap:16px;flex-wrap:wrap}
.legal-foot a{color:var(--text-muted)}
.legal-foot a:hover{color:var(--orange)}
.legal-foot .mut{opacity:.75}