/* ---------- legal pages ---------- */
.legal{max-width:760px}
.legal__h1{margin-top:20px}
.legal__meta{
  font-size:10px;letter-spacing:.18em;color:var(--text-dim);
  margin-top:18px;padding-bottom:26px;border-bottom:1px solid var(--line);
}
.legal__body{margin-top:34px}
.legal__h{
  font-size:clamp(17px,2vw,21px);letter-spacing:-.015em;
  margin:44px 0 16px;padding-top:22px;border-top:1px solid var(--line-faint);
}
.legal__body > .legal__h:first-child{margin-top:0;padding-top:0;border-top:0}
.legal__p{
  font-size:14.5px;line-height:1.72;margin-bottom:15px;
  position:relative;padding-left:44px;
}
.legal__n{
  position:absolute;left:0;top:.18em;
  font-size:10.5px;letter-spacing:.08em;color:var(--cyan);
  min-width:36px;
}
.legal__p:not(:has(.legal__n)){padding-left:0}
@media (max-width:640px){
  .legal__p{padding-left:0}
  .legal__n{position:static;display:block;margin-bottom:4px}
}

/* ---------- thank you ---------- */
.ty{min-height:66vh;display:flex;align-items:center}
.ty__in{max-width:720px}
.ty__h{margin-top:22px}
.ty__l{margin-top:28px;max-width:48ch}
.ty__meta{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:32px;font-size:13px}
.ty__meta a{color:var(--cyan)}
.ty__meta a:hover{color:var(--white)}
.ty__back{margin-top:38px}