/* Shared styling for the legal pages (terms, privacy, refund, contact). Standalone pages, not
   tabs in the app: Paddle's reviewer opens URLs, and a #hash route is blank without JavaScript.
   Palette and type copied from index.html so they read as the same site. */
:root{
  --page-bg:#352f2b;
  --bg:#202020;
  --bg-soft:#292929;
  --text:#ffffff;
  --text-dim:#dcdce3;
  --cyan:#25e2ea;
  --line:#37373f;
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--page-bg);scrollbar-gutter:stable}
body{
  background:var(--bg);color:var(--text);
  font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
  font-size:16px;line-height:1.65;
}
a{color:var(--cyan);text-decoration:none}
a:hover{text-shadow:0 0 3px currentColor}
img{max-width:100%;display:block;-webkit-user-drag:none;user-select:none}

nav{border-bottom:1px solid var(--line);background:var(--bg)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;max-width:820px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--text)}
.brand img{width:26px;height:26px}
.brand .shift{color:var(--cyan)}
/* Navigation and footer links sit quiet: dim until hovered, then cyan like every other link.
   Only links inside the prose stay cyan by default, because there they are the point. */
.nav-back{font-size:15px;color:var(--text-dim)}
.nav-back:hover{color:var(--cyan)}

main{max-width:820px;margin:0 auto;padding:44px 24px 64px}
h1{font-size:36px;font-weight:700;letter-spacing:-.5px;line-height:1.2}
.updated{color:var(--text-dim);font-size:14px;margin-top:10px}
.lead{color:var(--text-dim);font-size:18px;margin-top:20px}
h2{font-size:21px;font-weight:600;margin-top:38px;letter-spacing:-.2px}
p{color:var(--text-dim);margin-top:14px}
ul{color:var(--text-dim);margin-top:14px;padding-left:22px}
li{margin-top:8px}
strong{color:var(--text);font-weight:600}
.note{
  background:var(--bg-soft);border:1px solid #44444c;border-radius:12px;
  padding:18px 20px;margin-top:26px;
}
.note p{margin-top:0}
hr{border:none;border-top:1px solid var(--line);margin:44px 0 0}

footer{border-top:1px solid var(--line);background:var(--bg);padding:22px 0;text-align:center;color:var(--text-dim);font-size:14px}
.foot-links{margin-top:8px}
.foot-links a{margin:0 8px;color:var(--text-dim);font-size:13px}
.foot-links a:hover{color:var(--cyan)}