/* Kaal — shared styling for legal pages */
:root{
  --ground:#0A0A16; --ink:#C9C6E8; --ink-bright:#EDEBF7; --ink-dim:#8B88AD;
  --gold:#E8C07A; --gold-bright:#F3D488; --line:rgba(201,198,232,.14);
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:
    radial-gradient(120% 60% at 50% -10%, rgba(58,52,110,.35), transparent 60%),
    var(--ground);
  color:var(--ink); font-family:var(--sans); line-height:1.7; font-size:16px;
  -webkit-font-smoothing:antialiased; min-height:100vh; padding:2rem 1.25rem 4rem;
}
.wrap{max-width:44rem; margin:0 auto}
header.legal-head{ text-align:center; margin-bottom:2.4rem }
.wordmark{ font-family:var(--serif); font-size:2.1rem; letter-spacing:.2em; color:var(--gold-bright);
  text-decoration:none; display:inline-block; margin-right:-.2em }
.wordmark .dev{ font-size:.6em; color:rgba(232,192,122,.55); margin-left:.35em; letter-spacing:0 }
.back{ display:inline-block; margin-top:.9rem; font-size:.85rem; color:var(--ink-dim); text-decoration:none;
  border-bottom:1px dotted var(--line); padding-bottom:1px }
.back:hover{ color:var(--gold) }
h1{ font-family:var(--serif); font-weight:400; font-size:1.9rem; color:var(--ink-bright); margin-bottom:.4rem }
.updated{ font-size:.82rem; color:var(--ink-dim); margin-bottom:2rem; font-style:italic }
h2{ font-family:var(--serif); font-weight:400; font-size:1.25rem; color:var(--gold); margin:2rem 0 .6rem }
p{ margin:0 0 .9rem; color:var(--ink) }
ul{ margin:0 0 .9rem 1.2rem; color:var(--ink) }
li{ margin-bottom:.4rem }
a{ color:var(--gold) }
strong{ color:var(--ink-bright) }
.callout{ background:rgba(232,192,122,.06); border:1px solid rgba(232,192,122,.25);
  border-radius:12px; padding:1rem 1.15rem; margin:1.5rem 0; font-size:.95rem }
footer.legal-foot{ margin-top:3rem; padding-top:1.6rem; border-top:1px solid var(--line);
  text-align:center; font-size:.85rem; color:var(--ink-dim); display:flex; gap:1.2rem;
  justify-content:center; flex-wrap:wrap }
footer.legal-foot a{ color:var(--ink-dim); text-decoration:none; border-bottom:1px dotted var(--line) }
footer.legal-foot a:hover{ color:var(--gold) }

/* Keyboard focus ring — matches the app shell so the non-app pages
   are not left with only the UA default. */
:focus-visible{outline:2px solid #E8C07A;outline-offset:3px;border-radius:4px}