/* Shared styles for Skipit info pages (Privacy, Terms, Legal) */
:root{
  --ink:#0C0F1E;
  --ink2:#4A4E69;
  --ink3:#9294A8;
  --blue:#2952FF;
  --blue2:#1a3de0;
  --page:#FAFAFA;
  --ff:'Figtree',sans-serif;
  --fb:'DM Sans',sans-serif;
  --max:760px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}

/* Nav */
nav{position:sticky;top:0;z-index:50;height:64px;backdrop-filter:saturate(160%) blur(12px);background:rgba(250,250,250,0.9);border-bottom:1px solid rgba(0,0,0,0.07)}
.nw{max-width:var(--max);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}
.logo{display:inline-flex;align-items:center}
.logo:hover{text-decoration:none}
.logo img{height:26px;width:auto;display:block}
.n-solid{padding:9px 22px;border-radius:100px;background:var(--blue);color:#fff;font-size:13.5px;font-weight:600;font-family:var(--fb);transition:all 0.15s}
.n-solid:hover{background:var(--blue2);text-decoration:none;transform:translateY(-1px)}

/* Document */
.doc{max-width:var(--max);margin:0 auto;padding:64px 24px 80px}
.doc-kicker{font-size:12.5px;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-family:var(--fb)}
.doc h1{font-family:var(--ff);font-size:clamp(32px,5vw,46px);font-weight:900;letter-spacing:-1.5px;line-height:1.05;margin-bottom:14px}
.doc .updated{font-size:14px;color:var(--ink3);margin-bottom:40px}
.doc h2{font-family:var(--ff);font-size:22px;font-weight:700;letter-spacing:-0.5px;margin:40px 0 12px}
.doc h3{font-family:var(--ff);font-size:16.5px;font-weight:700;margin:24px 0 8px;color:var(--ink)}
.doc p{font-size:15.5px;color:var(--ink2);margin-bottom:14px}
.doc ul{margin:0 0 16px 22px}
.doc li{font-size:15.5px;color:var(--ink2);margin-bottom:8px}
.doc strong{color:var(--ink);font-weight:600}
.doc a{font-weight:500}
.hr{height:1px;background:rgba(0,0,0,0.08);margin:40px 0}

/* Draft / disclaimer callout */
.note{background:#FFF8E6;border:1px solid #F2D98D;border-radius:12px;padding:16px 18px;margin-bottom:36px;font-size:13.5px;color:#7A5B00;line-height:1.55}
.note strong{color:#5C4400}
.callout{background:#EEF2FF;border:1px solid #C7D2FE;border-radius:12px;padding:16px 18px;margin:24px 0;font-size:14.5px;color:var(--ink2)}
.callout strong{color:var(--ink)}

/* Footer */
footer{background:#090E25;padding:32px}
.fw{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.f-logo{height:20px;width:auto;opacity:0.6}
footer p{font-size:13px;color:rgba(255,255,255,0.25)}
.flinks{display:flex;gap:24px;flex-wrap:wrap}
.flinks a{font-size:13px;color:rgba(255,255,255,0.4)}
.flinks a:hover{color:rgba(255,255,255,0.7);text-decoration:none}

@media(max-width:560px){
  .fw{flex-direction:column;text-align:center}
}
