/* Trocaly legal pages (privacy.html, terms.html).
   Shared minimal style matching the app: same palette and system
   fonts as styles.css, readable single column. */
:root{
  --jade:#00A878; --teal:#079A9A; --lake:#008FD0; --deep:#0B6E99;
  --give:#00875F; --want:#0077B6; --ink:#17323B; --muted:#5A7180;
  --line:#DCE8EC; --bg:#FFFFFF; --soft:#F2F8F9;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-icon{width:40px;height:40px;border-radius:10px}
.brand-name{font-weight:800;font-size:20px;background:linear-gradient(90deg,#00875F,#07838B,#0077B6);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-tag{color:var(--deep);font-size:12px;font-weight:600;letter-spacing:.4px}
main.doc{max-width:760px;margin:0 auto;padding:24px 16px 10px}
.doc h1{font-size:28px;margin:10px 0 8px;line-height:1.25}
.doc h2{font-size:19px;margin:28px 0 8px;line-height:1.35}
.doc p{font-size:16px;line-height:1.65;margin:10px 0}
.doc ul{margin:10px 0;padding-left:22px}
.doc li{font-size:16px;line-height:1.65;margin:6px 0}
.doc .draft-note{color:var(--muted);font-style:italic;font-size:14px;line-height:1.6;border-bottom:1px solid var(--line);padding-bottom:14px}
footer{text-align:center;color:var(--deep);font-weight:600;padding:18px 10px 30px}
footer p{margin:6px 0}
footer a{color:var(--want);text-decoration:none}
footer a:hover{text-decoration:underline}
footer p a{display:inline-block;padding:13px 8px;min-height:44px}
:focus-visible{outline:3px solid var(--want);outline-offset:2px;border-radius:4px}
.doc a{color:var(--want)}