/* Flowchester — shared styles for legal pages */
:root{
  --petrol:#0E5F63; --petrol-hover:#0B4C4F; --tint:#E3EFEF;
  --current:#9BBF3B; --current-text:#55700F;
  --info:#26648B; --info-bg:#E8F1F7;
  --n0:#FBFCFC; --n1:#F2F5F5; --n2:#E4E9E9; --n3:#CDD5D5; --n4:#A9B5B5;
  --n5:#7C8A8A; --n6:#5A6868; --n7:#3F4C4C; --n8:#293333; --n9:#131B1B;
  --display:'Sora','Segoe UI',-apple-system,sans-serif;
  --body:'Source Sans 3','Segoe UI',-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--body);font-size:1rem;line-height:1.55;color:var(--n8);background:var(--n0)}
h1,h2,h3{font-family:var(--display);color:var(--n9)}
h1{font-size:2.25rem;line-height:1.15;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
h2{font-size:1.5rem;line-height:1.25;font-weight:600;margin:36px 0 12px}
h3{font-size:1.125rem;line-height:1.35;font-weight:600;margin:22px 0 8px}
a{color:var(--petrol)}
p{color:var(--n7);margin-bottom:10px}
ul{margin:8px 0 12px 22px;color:var(--n7)}
li{margin-bottom:6px}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
nav{position:sticky;top:0;z-index:50;background:rgba(251,252,252,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--n2)}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:32px}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo span{font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--n9)}
.nav-back{margin-left:auto;font-size:.9375rem;color:var(--n6);text-decoration:none}
.nav-back:hover{color:var(--petrol)}
main{padding:72px 0 96px}
.updated{font-size:.875rem;color:var(--n6);margin-bottom:36px}
.legal-note{border-radius:8px;background:var(--info-bg);border-left:3px solid var(--info);padding:16px 20px;font-size:.875rem;color:var(--n8);margin:28px 0}
footer{background:var(--n9);color:var(--n3);padding:36px 0}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;max-width:1200px}
footer a{color:var(--n3);text-decoration:none}
footer a:hover{color:var(--current)}
footer p{color:var(--n5);font-size:.8125rem;margin:0}
footer ul{list-style:none;display:flex;gap:20px;margin:0;font-size:.875rem}