:root{
  --bg:#f4f1e6;
  --card:#ffffff;
  --text:#353227;
  --muted:#6f6a58;
  --accent:#a88f48;
  --line:#ddd4bb;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Roboto", Arial, sans-serif;
  line-height:1.65;
}

.legal-wrap{
  width:min(980px, calc(100% - 2rem));
  margin:2.2rem auto 3rem;
}

.legal-head{
  margin-bottom:1.2rem;
}

.legal-back{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:#4b473a;
  text-decoration:none;
  font-weight:700;
  margin-bottom:1rem;
}

h1{
  margin:.1rem 0 .5rem;
  font-size:clamp(2rem, 4vw, 3rem);
  line-height:1.08;
  font-family:"League Spartan", Arial, sans-serif;
  letter-spacing:.01em;
}

.legal-meta{
  color:var(--muted);
  margin:0;
}

.legal-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 14px 28px rgba(0,0,0,.08);
  padding:1.25rem 1.2rem;
}

section + section{
  margin-top:1.25rem;
  padding-top:1rem;
  border-top:1px solid var(--line);
}

h2{
  margin:0 0 .45rem;
  font-size:1.3rem;
  color:#554e3a;
  font-family:"League Spartan", Arial, sans-serif;
}

p{
  margin:.35rem 0;
}

ul{
  margin:.45rem 0 .2rem;
  padding-left:1.1rem;
}

li + li{
  margin-top:.25rem;
}

a{
  color:#705f2b;
}

@media (max-width: 640px){
  .legal-wrap{
    width:min(980px, calc(100% - 1.2rem));
    margin:1.2rem auto 2rem;
  }

  .legal-card{
    padding:1rem .9rem;
    border-radius:14px;
  }
}