/* Shared styling for the standalone policy pages under /legal/ (terms, privacy,
   refund, 2257, dmca, support). These are plain static documents served straight
   from the assets binding, independent of the app bundle, so they render with no
   JS and stay readable if a reviewer saves or prints them. */
:root{
  color-scheme: dark;
  --bg:      #0d0d0f;
  --bg-2:    #121214;
  --border:  #26262b;
  --text:    #ece6ee;
  --muted:   #b6b0bb;
  --faint:   #6a6a72;
  --rose:    #ff8a66;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--text);
  font:16px/1.68 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
main{max-width:760px;margin:0 auto;padding:44px 22px 96px}
a{color:var(--rose)}
.brand{
  display:inline-block;margin-bottom:30px;color:#fff;text-decoration:none;
  font-weight:800;font-size:19px;letter-spacing:-.02em;
}
.brand .dot{color:var(--rose)}
h1{font-size:31px;line-height:1.2;margin:0 0 6px;letter-spacing:-.02em}
h2{font-size:18px;margin:34px 0 8px;color:var(--rose);letter-spacing:-.01em}
p,li{color:var(--muted)}
p{margin:0 0 12px}
ul,ol{padding-left:20px;margin:0 0 12px}
li{margin-bottom:6px}
strong{color:var(--text)}
.meta{color:var(--faint);font-size:14px;margin-bottom:26px}
/* Callout for the statements a reviewer looks for first. */
.note{
  background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--rose);
  border-radius:10px;padding:16px 18px;margin:20px 0;
}
.note p:last-child{margin-bottom:0}
/* Contact block (copyright contact, billing contact): no bullets, tighter rows. */
.contact{list-style:none;padding:14px 18px;margin:0 0 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px}
.contact li{margin-bottom:4px}
.contact li:last-child{margin-bottom:0}
.foot{
  margin-top:52px;padding-top:20px;border-top:1px solid var(--border);
  color:var(--faint);font-size:13px;
}
.foot a{color:var(--faint);text-decoration:none}
.foot a:hover{color:var(--rose)}