/* The nav is position:fixed, so the page content has to clear it. This page is
   long-form legal copy, so it sets its own reading measure instead of the
   landing page's full-width .wrap. */
.policy{
  padding-top:clamp(120px,15vh,190px);
  padding-bottom:clamp(64px,9vh,128px);
}
.policy .wrap{width:min(88%,760px)}

.policy h1{font-size:clamp(32px,4.17vw,64px);margin-bottom:10px}
.policy h2{font-size:clamp(21px,1.8vw,30px);margin:clamp(34px,4.5vh,58px) 0 12px}
.policy .updated{color:var(--muted);margin-bottom:clamp(26px,4vh,44px)}
.policy p{margin-bottom:16px}
.policy address{font-style:normal;margin-bottom:16px}
.policy ul{margin:0 0 16px 22px}
.policy li{margin-bottom:8px}
.policy li:last-child{margin-bottom:0}
.policy ul+p{margin-top:16px}

/* Wide legal tables stay readable on a phone by scrolling on their own,
   rather than forcing the whole page sideways. */
.policy .table-scroll{overflow-x:auto;margin-bottom:24px}
.policy table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.policy th,.policy td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.policy th{font-weight:600;background:var(--grey)}
