/* Legal pages for simplihubpro.com. Uses the same tokens as styles.css. */
:root{--navy-950:#0a1220;--navy-900:#0e1827;--navy-800:#17263b;--navy-300:#8ea4bf;--navy-200:#bccadb;--navy-100:#dfe6ef;--navy-50:#f2f5f9;--orange-500:#ed6b1a;--orange-600:#d45510;--cream:#fbf7f2;--ink:#0e1827;--muted:#4b5d75;--font:"Plus Jakarta Sans","Segoe UI Variable Display","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--cream);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--orange-600)}
:focus-visible{outline:3px solid var(--orange-500);outline-offset:3px;border-radius:6px}
.wrap{max-width:820px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.top{background:var(--navy-950)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;max-width:1120px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.01em}
.brand b{color:#f27f45}
.back{color:var(--navy-200);text-decoration:none;font-weight:600;font-size:.95rem}
.back:hover{color:#fff}
main{padding:clamp(40px,6vw,72px) 0 clamp(56px,8vw,96px)}
h1{font-size:clamp(2rem,4.5vw,2.8rem);letter-spacing:-.035em;line-height:1.1;margin:0 0 8px;color:var(--navy-800)}
.updated{color:var(--muted);font-size:.92rem;margin:0 0 20px}
.early{background:#fff;border-radius:16px;padding:16px 20px;margin:0 0 28px;box-shadow:0 0 0 1px rgba(23,38,59,.08);color:var(--muted);font-size:.95rem}
h2{font-size:1.25rem;letter-spacing:-.02em;color:var(--navy-800);margin:34px 0 8px}
h3{font-size:1rem;margin:18px 0 6px}
p,ul,table{margin:0 0 12px}
ul{padding-left:22px}
li{margin-bottom:6px}
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;background:#fff;font-size:.93rem}
th,td{text-align:left;border:1px solid var(--navy-100);padding:8px 10px;vertical-align:top}
th{background:var(--navy-50)}
footer{border-top:1px solid var(--navy-100);background:#fff}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 18px;padding:20px clamp(16px,4vw,32px);font-size:.9rem;color:var(--muted)}
footer a,footer button{color:var(--muted);background:none;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer}