/* Page-specific rules for terms.php / membership-agreement.php — standalone public pages,
   don't use the authenticated shell.css since they need to work before login. */
:root{
  --navy:#15325c; --navy-deep:#0e2748; --cyan:#2f9fd8; --cyan-deep:#1f86bd;
  --sky:#eaf4fb; --sky-2:#f3f8fc; --ink:#1c2733; --muted:#5a6776; --line:#e1e8ef; --r:6px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden;max-width:100%}
body{font-family:"Montserrat","Segoe UI",system-ui,-apple-system,Arial,sans-serif;color:var(--ink);background:var(--sky-2);line-height:1.6;overflow-wrap:break-word}
a{color:inherit;text-decoration:none}

.legal-shell{max-width:720px;margin:0 auto;padding:40px 20px 70px}
.llogo{display:inline-flex;align-items:center;gap:10px;margin-bottom:30px}
.llogo .logo-img{height:30px;width:auto}

.legal-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:44px 48px}
@media(max-width:640px){.legal-card{padding:30px 24px}}

.label{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-deep);display:block;margin-bottom:10px}
.legal-card h1{font-size:1.6rem;color:var(--navy);letter-spacing:-.02em;margin-bottom:6px}
.updated{font-size:.82rem;color:var(--muted);margin-bottom:28px}
.legal-card h3{font-size:1rem;color:var(--navy);margin:24px 0 8px}
.legal-card h3:first-of-type{margin-top:0}
.legal-card p{font-size:.92rem;color:var(--ink)}
.legal-card ul{font-size:.92rem;color:var(--ink);margin:8px 0 0 20px}
.legal-card li{margin-bottom:4px}
.contact{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}

/* These pages only ever open via target="_blank" (signup.php, vehicle-licence.php, etc.) —
   no in-app link points at them without opening a new tab, so there's no "previous page" to
   go back to. Close is the only sensible exit. */
.close-btn{display:inline-flex;align-items:center;gap:6px;margin-top:24px;padding:10px 18px;
  border-radius:var(--r);border:1.5px solid var(--line);background:#fff;color:var(--navy);
  font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:.14s}
.close-btn:hover{border-color:var(--cyan);color:var(--cyan-deep)}
