/* Legal pages (terms, privacy, cookies, forget-me): one reading column of about
   70 characters, numbered clauses, hairline tables only where the content is tabular. */

.legal-head{padding:clamp(56px,8vw,120px) 0 clamp(28px,4vw,52px)}
.legal-body{padding:clamp(36px,5vw,72px) 0 clamp(72px,10vw,140px)}
.legal-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}

/* the reading column, offset from the left edge on wide screens */
.doc-col{max-width:35em;margin-left:clamp(0px,calc((100vw - 760px) * .34),230px);min-width:0}

.legal-head h1{font-size:clamp(40px,5.2vw,72px);margin:0 0 .3em}
.legal-head .lead{margin:0 0 22px}
.updated{margin:0;font:500 13px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.legal-rule{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}

/* body text */
.doc{font-size:17px;line-height:1.72;color:var(--text)}
.doc p,.doc ul,.doc ol{margin:0 0 1.05em}
.doc ul,.doc ol{padding-left:1.25em}
.doc li{margin:0 0 .45em;padding-left:.2em}
.doc li::marker{color:var(--brass)}
.doc strong{font-weight:500;color:var(--ink)}
.doc a{text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.doc code{font:500 15px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink);background:var(--paper-2);padding:2px 5px}

/* numbered clauses */
.clause{position:relative;scroll-margin-top:100px}
.clause+.clause{margin-top:clamp(40px,4.4vw,60px)}
.clause h2{font-size:clamp(27px,2.5vw,34px);font-weight:600;margin:0 0 .55em;display:flex;align-items:baseline;gap:16px}
.clause h2 .num{flex:0 0 auto;font-family:var(--serif);font-weight:500;font-size:.82em;color:var(--brass);letter-spacing:.04em;min-width:1.6em}
.clause h3{font-size:22px;font-weight:600;margin:1.5em 0 .45em}
.clause h3:first-child{margin-top:0}
@media (min-width:1100px){
  .clause h2{display:block}
  .clause h2 .num{position:absolute;right:calc(100% + 34px);top:.12em;text-align:right;min-width:0}
}

/* quoted checkout wording */
.doc blockquote{margin:0 0 1.1em;padding:4px 0 4px 22px;border-left:1px solid var(--brass);font-family:var(--serif);font-size:21px;line-height:1.45;color:var(--ink-2)}

/* company details list, Terms §I only */
.plain{list-style:none;padding:0!important}
.plain li{padding:0;margin:0 0 .25em}

/* tables: hairlines, no boxes */
.table-wrap{margin:6px 0 1.4em}
.legal-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.legal-table caption{text-align:left;font:500 12.5px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-ink);padding:0 0 10px}
.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid var(--line)}
.legal-table th:last-child,.legal-table td:last-child{padding-right:0}
.legal-table thead th{font:500 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--ink)}
.legal-table tbody th{font-weight:500;color:var(--ink)}
@media (min-width:1100px){.table-wrap{width:calc(100% + 7em)}}
@media (max-width:640px){
  .legal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .legal-table,.legal-table tbody,.legal-table tr,.legal-table th,.legal-table td{display:block;width:100%}
  .legal-table tr{padding:14px 0;border-bottom:1px solid var(--line)}
  .legal-table tr:first-child{border-top:1px solid var(--ink)}
  .legal-table th,.legal-table td{border:0;padding:3px 0}
  .legal-table tbody th{font-size:16px;padding-bottom:6px}
  .legal-table td[data-label]::before{content:attr(data-label);display:block;font:500 11.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:6px 0 2px}
}

/* forget-me confirmation */
.forget-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}

@media (max-width:480px){.doc{font-size:16.5px}.doc blockquote{font-size:19px;padding-left:16px}}

@media print{
  .head,.foot,.sc,.sc-launch,.legal-rule{display:none!important}
  body{background:#fff}
  .legal-head,.legal-body{padding:0 0 18px}
  .doc-col{margin-left:0;max-width:none}
  .clause h2 .num{position:static}
  .doc a{color:inherit}
}