/* Shared styling for the Privacy Policy and Terms pages. Matches the app's
   light ChatGPT-style theme (see :root in index.html). */
:root{
  --bg:#f7f7f8; --panel:#ffffff; --border:#e5e5e8; --text:#1d1d20;
  --muted:#6b6b73; --accent:#10a37f; --radius:14px;
  --shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
}
*{box-sizing:border-box;}
html,body{margin:0;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg); color:var(--text); line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.legal-nav{max-width:820px; margin:0 auto; padding:18px 24px 0;}
.legal-nav .brand{text-decoration:none; color:var(--text); font-weight:650; font-size:17px; letter-spacing:-.2px;}
.legal-wrap{
  max-width:820px; margin:18px auto 40px; padding:32px clamp(20px,4vw,48px);
  background:var(--panel); border:1px solid var(--border);
  border-radius:var(--radius); box-shadow:var(--shadow);
}
.legal-wrap h1{font-size:28px; margin:0 0 4px; letter-spacing:-.4px;}
.legal-updated{color:var(--muted); font-size:14px; margin:0 0 26px;}
.legal-wrap h2{font-size:19px; margin:34px 0 10px; letter-spacing:-.2px;}
.legal-wrap p,.legal-wrap li{font-size:15px; color:#2c2c33;}
.legal-wrap a{color:var(--accent); text-decoration:none;}
.legal-wrap a:hover{text-decoration:underline;}
.legal-wrap ul{padding-left:22px; margin:8px 0;}
.legal-wrap li{margin:6px 0;}
.legal-wrap strong{font-weight:620;}
.fillin{background:#fff5d6; border-bottom:1px dashed #d9b441; padding:0 3px; border-radius:3px;}
.callout{
  background:#f3f8f6; border:1px solid #d6ebe3; border-radius:10px;
  padding:14px 18px; margin:20px 0; font-size:14.5px;
}
.legal-table{width:100%; border-collapse:collapse; margin:14px 0; font-size:14px;}
.legal-table th,.legal-table td{border:1px solid var(--border); padding:9px 12px; text-align:left; vertical-align:top;}
.legal-table th{background:#fafafb; font-weight:600;}
.legal-foot{max-width:820px; margin:0 auto 60px; padding:0 24px; display:flex; gap:20px; font-size:14px;}
.legal-foot a{color:var(--accent); text-decoration:none;}
.legal-foot a:hover{text-decoration:underline;}
@media(max-width:560px){ .legal-wrap h1{font-size:24px;} }