/* =========================================================================
   terms-of-service.html — page-specific styles (legal page layout)
   Load AFTER css/site.css. Header, menus and footer come from site.css.
   ========================================================================= */

body{ overflow-x:hidden; }

.legal-hero{
  position:relative;
  padding:120px 0 60px;
  text-align:center;
  background:
    radial-gradient(circle at 15% 20%,rgba(227,161,61,.10) 0%,transparent 45%),
    radial-gradient(circle at 85% 75%,rgba(227,161,61,.08) 0%,transparent 50%),
    var(--bg);
  border-bottom:1px solid var(--line);
}

.legal-hero .wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.legal-eyebrow{
  font:300 13px/1.4 var(--display);
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--gold-soft);
  margin-bottom:16px;
}

.legal-hero h1{
  font-size:clamp(36px,5vw,54px);
  letter-spacing:-1px;
  margin-bottom:14px;
}

.legal-updated{
  font-size:14px;
  color:var(--muted);
}

.legal-body{
  padding:70px 0 120px;
}

.legal-wrap{
  max-width:760px;
}

.legal-intro{
  font-size:17px;
  line-height:1.75;
  color:var(--cream);
  padding-bottom:34px;
  margin-bottom:34px;
  border-bottom:1px solid var(--line);
}

.legal-section{
  padding:28px 0;
  border-bottom:1px solid var(--line);
}

.legal-section:last-child{
  border-bottom:0;
}

.legal-section h2{
  display:flex;
  align-items:baseline;
  gap:14px;
  font-size:22px;
  letter-spacing:-.2px;
  margin-bottom:14px;
}

.legal-num{
  font-family:var(--body);
  font-size:13px;
  font-weight:600;
  letter-spacing:1px;
  color:var(--gold-soft);
  background:rgba(227,161,61,.1);
  border:1px solid rgba(227,161,61,.25);
  border-radius:99px;
  padding:4px 10px;
  flex:none;
}

.legal-section p{
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
}

.legal-section p strong{
  color:var(--cream);
}

.legal-section a{
  color:var(--gold-soft);
  text-decoration:underline;
  text-decoration-color:rgba(227,161,61,.4);
  text-underline-offset:3px;
}

.legal-section a:hover{
  color:var(--gold);
}

@media (max-width:640px){
.legal-hero{padding:100px 0 44px;}
.legal-body{padding:50px 0 90px;}
}

@media (max-width:768px){
  .wrap{ padding:0 22px; }
}

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
}