/* Shared styles for the Privacy Policy and Terms pages.
   Kept in sync with the design tokens inlined in index.html. */
:root{
  --ink:#0A0F1C;
  --body:#3A4557;
  --muted:#6B7686;
  --line:#E4E7EC;
  --bg:#FFFFFF;
  --bg-alt:#F7F8FA;
  --accent:#0E8A5F;
  --accent-bright:#3EE29B;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--body);
  font-family:var(--font); font-size:17px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{color:var(--ink); line-height:1.2; letter-spacing:-.02em; font-weight:750; margin:0 0 .5em}
h1{font-size:clamp(2rem,4.4vw,2.9rem); letter-spacing:-.03em}
h2{font-size:1.35rem; margin-top:2.2em}
h3{font-size:1.05rem; margin-top:1.6em}
p,li{margin:0 0 1rem}
a{color:var(--accent); font-weight:600}
ul{margin:0 0 1rem; padding-left:1.2em}
li{margin-bottom:.5rem}
:focus-visible{outline:3px solid var(--accent-bright); outline-offset:3px; border-radius:6px}

.wrap{width:100%; max-width:780px; margin-inline:auto; padding-inline:24px}

.site-header{background:var(--ink); border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex; align-items:center; justify-content:space-between; gap:20px; height:72px}
.brand{display:flex; align-items:center; gap:11px; text-decoration:none; color:#fff; font-weight:750; letter-spacing:-.02em; font-size:1.05rem}
.brand-mark{
  width:32px; height:32px; border-radius:10px; flex:0 0 auto;
  background:linear-gradient(140deg,var(--accent-bright),#12A47A);
  display:grid; place-items:center; color:#04231A; font-weight:800; font-size:.9rem;
}
.back{color:rgba(255,255,255,.75); text-decoration:none; font-size:.94rem; font-weight:600}
.back:hover{color:#fff}

main{padding:clamp(48px,7vw,80px) 0 clamp(56px,8vw,96px)}
.updated{color:var(--muted); font-size:.92rem; margin-bottom:2.5em}
.note{
  background:var(--bg-alt); border:1px solid var(--line); border-left:3px solid var(--accent);
  border-radius:12px; padding:18px 20px; margin:2em 0; font-size:.96rem;
}
.note p:last-child{margin-bottom:0}

.site-footer{background:#060A13; color:rgba(255,255,255,.55); padding:36px 0; font-size:.9rem}
.site-footer a{color:rgba(255,255,255,.7); text-decoration:none; font-weight:500}
.site-footer a:hover{color:#fff}
.foot-links{display:flex; flex-wrap:wrap; gap:22px; margin-bottom:18px}
.foot-legal{border-top:1px solid rgba(255,255,255,.09); padding-top:20px; font-size:.83rem; color:rgba(255,255,255,.4)}