/* The two small French legal pages: the same blue and paper as the order page, one readable column. */
@font-face { font-family: "Sharp Label"; src: url("../fonts/SharpGrotesk-Medium20.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Sharp Price"; src: url("../fonts/SharpGroteskSmBold25.woff2") format("woff2"); font-display: swap; }
:root { --blue: #261fec; --white: #fcfaff; --blue-text-2: #4a44ee; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--white); color: var(--blue); font: 1.0625rem/1.65 "Sharp Label", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.legal { width: min(100% - 2.5rem, 40rem); margin: 0 auto; padding: clamp(1.5rem, 5vw, 3.5rem) 0 3rem; }
.legal-back { margin: 0 0 1.5rem; font-size: .9375rem; }
.legal-back a { color: var(--blue-text-2); text-decoration: none; }
h1 { margin: 0 0 1.25rem; font: clamp(1.875rem, 1.3rem + 2.4vw, 2.75rem)/1.05 "Sharp Price", Arial, sans-serif; letter-spacing: -.03em; }
h2 { margin: 1.75rem 0 .375rem; font: 1.125rem/1.3 "Sharp Price", Arial, sans-serif; letter-spacing: -.01em; }
p { margin: 0; max-width: 62ch; color: var(--blue-text-2); }
a { color: var(--blue); text-underline-offset: .2em; }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }