body{
  max-width:780px;
  margin:0 auto;
  padding:42px 28px 72px;
  background:var(--paper);
  color:var(--ink);
}

.terms-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:18px;
  border-bottom:1px solid var(--rule);
  margin-bottom:42px;
}

.terms-nav img{ display:block; width:186px; height:auto }
.terms-nav a:last-child{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ink-2);
}

h1{
  font-family:var(--display);
  font-size:clamp(36px,6vw,54px);
  line-height:1.02;
  color:var(--ink);
  margin:0 0 18px;
}

h2{
  font-family:var(--display);
  font-size:28px;
  line-height:1.1;
  color:var(--ink);
  margin:44px 0 14px;
}

p,li{ font-size:16px; line-height:1.68 }
li + li{ margin-top:7px }
hr{ border:0; border-top:1px solid var(--rule-soft); margin:38px 0 }
code{ color:var(--ink-2); font-family:var(--mono); font-size:.86em }
blockquote{
  margin:22px 0;
  padding:2px 0 2px 18px;
  border-left:2px solid var(--gold);
  color:var(--ink-2);
}
.terms-meta{ color:var(--ink-2); font-size:14px; margin-bottom:34px }

@media (max-width:600px){
  body{ padding:24px 20px 54px }
  .terms-nav{ margin-bottom:32px }
  .terms-nav img{ width:158px }
  h2{ font-size:25px }
}