/* Long-form policy pages.

   These are read once, carefully, usually because something has gone wrong or
   money is involved. So the measure is narrow, the type is larger than the
   product UI, and headings are anchorable so support can link someone to the
   exact clause rather than "see our terms". */

.legal{
  max-width:74ch;
  margin:0 auto;
  padding:clamp(1.5rem,5vw,3.5rem) clamp(1rem,5vw,2rem) 6rem;
}
.legal h1{
  font:400 clamp(2.1rem,5vw,3.2rem)/1.14 var(--ff-serif);
  letter-spacing:-.02em;color:var(--ink);margin:.6rem 0 .9rem;
}
.legal__lede{color:var(--ink);font-size:1.06rem;line-height:1.7;margin:0 0 1rem}
.legal__meta{color:var(--ink-3);font-size:.82rem;margin:0 0 2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}

.legal h2{
  font:400 clamp(1.35rem,2.6vw,1.75rem)/1.25 var(--ff-serif);
  color:var(--ink);margin:2.75rem 0 .85rem;scroll-margin-top:calc(var(--header-h) + 1.5rem);
}
.legal h3{
  font-family:var(--ff-sans);font-size:.98rem;font-weight:600;color:var(--ink);
  margin:1.75rem 0 .5rem;
}
.legal p,.legal li{color:var(--ink-2);line-height:1.75;font-size:1rem}
.legal p{margin:0 0 1rem}
.legal strong{color:var(--ink);font-weight:600}
.legal ul,.legal ol{margin:0 0 1.25rem;padding-left:1.35rem}
.legal li{margin-bottom:.55rem}
.legal a{color:var(--brass);text-decoration:underline;text-underline-offset:.2em}
.legal a:hover{color:var(--ink)}
/* The inline links inside prose are ordinary links, not the uppercase
   navigation treatment .arrowlink carries elsewhere. */
.legal p .arrowlink,.legal li .arrowlink{
  display:inline;font-size:inherit;font-weight:inherit;letter-spacing:normal;
  text-transform:none;color:var(--brass);
}

.legal__table{
  width:100%;border-collapse:collapse;margin:0 0 1.5rem;
  border:1px solid var(--line);
}
.legal__table th,.legal__table td{
  text-align:left;padding:.75rem .9rem;border-bottom:1px solid var(--line);
  font-size:.95rem;color:var(--ink-2);
}
.legal__table th{
  background:var(--bg-raise);color:var(--ink-3);font-size:.68rem;
  font-weight:600;letter-spacing:.12em;text-transform:uppercase;
}
.legal__table td:first-child{color:var(--ink)}
.legal__table tr:last-child td{border-bottom:0}

.legal__note{
  margin:1.5rem 0;padding:1rem 1.15rem;border:1px solid var(--line-2);
  border-radius:2px;background:var(--bg-raise);
}
.legal__note p:last-child{margin-bottom:0}

.legal__nav{
  display:flex;flex-wrap:wrap;gap:1.5rem;
  margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--line);
}

@media(max-width:560px){
  .legal p,.legal li{font-size:1.02rem}
  .legal__table{display:block;overflow-x:auto}
}