/* Shared style for /legal/*.html -- same look as the offer page and homepage. */
@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@600;700&family=Source+Sans+3:wght@400;600;700&display=swap");
:root {
  --ink: #171b20; --paper: #fcfbf8; --slate: #4b5563; --line: #dcd9d0; --signal: #c25a00;
  --display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --body: "Source Sans 3", -apple-system, "Segoe UI", sans-serif;
  --measure: 680px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 17px/1.65 var(--body); }
a { color: inherit; }
.wrap { max-width: 780px; margin: 0 auto; padding: 0 24px; }
header.site { border-bottom: 1px solid var(--line); }
header.site .wrap { padding-top: 20px; padding-bottom: 20px; }
.wordmark { font: 700 19px/1 var(--display); letter-spacing: .01em; text-transform: uppercase; text-decoration: none; }
.wordmark span { color: var(--signal); }
.doc { padding-top: 48px; padding-bottom: 56px; }
.doc > * { max-width: var(--measure); }
h1 { font: 700 clamp(32px, 6vw, 46px)/1.05 var(--display); margin: 0 0 8px; }
h2 { font: 700 19px/1.3 var(--body); margin: 34px 0 8px; }
.updated { color: var(--slate); font-size: 14px; margin: 0 0 26px; }
.doc a { color: var(--signal); }
ul { padding-left: 1.2em; }
li { margin-bottom: 6px; }
footer.site { border-top: 1px solid var(--line); }
footer.site .wrap { padding: 28px 24px 40px; color: var(--slate); font-size: 13px; line-height: 1.8; }
footer.site p { margin: 0 0 6px; }
.legal-line a { text-decoration: underline; margin-right: 14px; }
@media (max-width: 420px) { .wrap { padding: 0 16px; } }