/* Styling for the standalone legal pages (terms/refund-policy/privacy-policy) only — layered on
   top of the main styles.css so these pages match the rest of the site's look, with a few
   additions for long-form readable content (headings, lists) that the main app never needs. */

.legal-app{
  max-width:760px;
}
.legal-card{
  line-height:1.7;
  font-size:14.5px;
  color:var(--ink);
}
.legal-card h2{
  font-size:17px;
  font-weight:700;
  color:var(--ink);
  margin:28px 0 10px;
}
.legal-card h2:first-child{margin-top:0;}
.legal-card p{margin:0 0 14px;}
.legal-card ul{margin:0 0 14px;padding-left:22px;}
.legal-card li{margin-bottom:8px;}
.legal-card a{color:var(--gold);font-weight:600;text-decoration:none;}
.legal-card a:hover{text-decoration:underline;}