/* ============================================================
   LEGAL PAGES
   Long-form reading. Narrow measure, generous leading, quiet.
   ============================================================ */
.legal-page{padding:56px 0 96px;background:#fff}
.legal-page .shell{max-width:860px}

.legal-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}
.legal-tabs a{
  font-size:13.5px;font-weight:600;color:var(--grey);
  padding:9px 16px;border-radius:999px;border:1px solid var(--steel);background:#fff;
}
.legal-tabs a:hover{color:var(--navy);border-color:var(--navy)}
.legal-tabs a.on{background:var(--navy);border-color:var(--navy);color:#fff}

.legal-h1{font-size:clamp(30px,4.2vw,44px);line-height:1.12;margin-bottom:12px}
.legal-sub{font-size:16px;color:var(--grey);line-height:1.6;margin-bottom:12px}

.legal-body{
  font-size:15.5px;line-height:1.75;color:#2B3243;
  border-top:1px solid var(--line);padding-top:34px;margin-top:22px;
}
.legal-body h2{
  font-family:var(--ff-display);font-size:clamp(21px,2.4vw,27px);font-weight:500;
  line-height:1.25;color:var(--navy);margin:44px 0 14px;
}
.legal-body h3{
  font-family:var(--ff-body);font-size:16px;font-weight:700;letter-spacing:.01em;
  color:var(--navy);margin:30px 0 10px;
}
.legal-body h4{font-family:var(--ff-body);font-size:14px;font-weight:700;color:var(--navy);margin:22px 0 8px}
.legal-body > :first-child{margin-top:0}
.legal-body p{margin:0 0 17px}
.legal-body ul,.legal-body ol{margin:0 0 20px;padding-left:22px}
.legal-body li{margin-bottom:9px}
.legal-body strong,.legal-body b{color:var(--navy);font-weight:600}
.legal-body a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.legal-body a:hover{color:var(--blue-deep)}
.legal-body table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:14px}
.legal-body th,.legal-body td{border:1px solid var(--steel);padding:10px 12px;text-align:left;vertical-align:top}
.legal-body th{background:var(--offwhite);font-weight:600;color:var(--navy)}

@media (max-width:640px){
  .legal-page{padding:36px 0 64px}
  .legal-body{font-size:15px}
}

/* The third-party provider table is four columns of prose and measured 555px
   at min-content, which put 196px of sideways scroll on the whole privacy
   page at 375px. Let the table scroll inside itself instead of pushing the
   document, and give the cells room to break. */
@media (max-width:760px){
  .legal-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:normal}
  .legal-body table th,.legal-body table td{min-width:120px}
}