/* ============ Loopance info pages (privacy.html, support.html) ============
   Standalone from app.css: these are plain documents, not app screens. */
:root{
  --bg:#0d0d0d;
  --card:#1b1b1b;
  --hairline:#262626;
  --text:#ffffff;
  --text2:#9D9495;
  --accent-text:#f0a25a;
  color-scheme:dark;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#f4f1ee;
    --card:#ffffff;
    --hairline:#eeeae5;
    --text:#1c1917;
    --text2:#8a827e;
    --accent-text:#BF6100;
    color-scheme:light;
  }
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,'SF Pro Text',Inter,system-ui,sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-text-size-adjust:100%;
}
main{max-width:680px;margin:0 auto;padding:40px 20px 64px}
header{display:flex;align-items:center;gap:12px;margin-bottom:28px}
header img{width:40px;height:40px;border-radius:10px}
header a{color:var(--text);font-weight:700;font-size:19px;text-decoration:none}
h1{font-size:30px;line-height:1.2;margin:0 0 6px}
.meta{color:var(--text2);font-size:14px;margin:0 0 28px}
h2{font-size:19px;margin:36px 0 8px}
p,ul{margin:0 0 14px}
ul{padding-left:22px}
li{margin-bottom:6px}
a{color:var(--accent-text)}
.card{
  background:var(--card);
  border-radius:18px;
  padding:18px 20px;
  margin:0 0 14px;
}
.card p:last-child{margin-bottom:0}
footer{
  margin-top:44px;
  padding-top:18px;
  border-top:1px solid var(--hairline);
  color:var(--text2);
  font-size:14px;
}
footer a{margin-right:16px}