/* Upfront Invoice — public legal pages. No web fonts on purpose: a privacy page has no business making a request to a third party that is not in its own subprocessor table. */ /* Light is the default on purpose, not by omission: the system setting is not followed. Dark is opt-in through the toggle, which sets data-theme on (see theme.js). */ :root { color-scheme: light; --bg: #ffffff; --ink: #17181a; --ink-2: #45484d; --muted: #6b7076; --line: #e3e5e8; --sunken: #f6f7f8; --accent: #1a5fb4; } :root[data-theme="dark"] { color-scheme: dark; --bg: #16181b; --ink: #e9eaec; --ink-2: #b9bdc2; --muted: #8b9096; --line: #2c3035; --sunken: #1d2024; --accent: #7aa9e8; } * { box-sizing: border-box; } body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; -webkit-text-size-adjust: 100%; } .container { position: relative; max-width: 46rem; margin: 0 auto; padding: 3rem 1.25rem 5rem; } /* Ships hidden in the markup; theme.js reveals it, so no dead button without JS. */ #theme-toggle { position: absolute; top: 1rem; right: 1.25rem; font: inherit; font-size: .8rem; line-height: 1; padding: .45rem .7rem; min-width: 4rem; color: var(--muted); background: var(--bg); border: 1px solid var(--line); border-radius: 5px; cursor: pointer; } #theme-toggle:hover { color: var(--ink); border-color: var(--muted); } .eyebrow { font-size: .75rem; letter-spacing: .09em; text-transform: uppercase; color: var(--muted); margin: 0 0 .5rem; } .eyebrow a { color: inherit; } h1 { font-size: 1.9rem; line-height: 1.25; margin: 0 0 .5rem; letter-spacing: -.01em; } h2 { font-size: 1.15rem; margin: 2.75rem 0 .75rem; padding-top: 1.5rem; border-top: 1px solid var(--line); } h2:first-of-type { border-top: 0; padding-top: 0; } p, li { color: var(--ink-2); } p { margin: 0 0 1rem; } strong { color: var(--ink); font-weight: 600; } ul { padding-left: 1.25rem; } li { margin-bottom: .4rem; } a { color: var(--accent); } code { font: .875em/1 ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace; background: var(--sunken); padding: .15em .35em; border-radius: 3px; overflow-wrap: anywhere; } .meta { color: var(--muted); font-size: .9rem; margin-bottom: 2rem; } .table-wrap { overflow-x: auto; margin: 1.25rem 0; } table { border-collapse: collapse; width: 100%; font-size: .9rem; } th, td { text-align: left; vertical-align: top; padding: .6rem .9rem .6rem 0; border-bottom: 1px solid var(--line); } th { color: var(--muted); font-size: .72rem; letter-spacing: .07em; text-transform: uppercase; border-bottom: 2px solid var(--line); } tbody tr:nth-child(even) { background: var(--sunken); } /* Prose code may break anywhere (long URLs), but a table cell must not: it split TemplateVersion into "TemplateVersi / on". .table-wrap scrolls instead. */ th code, td code { background: transparent; padding: 0; overflow-wrap: normal; white-space: nowrap; } hr { border: 0; border-top: 1px solid var(--line); margin: 3rem 0; } footer { margin-top: 4rem; padding-top: 1.25rem; border-top: 1px solid var(--line); font-size: .85rem; color: var(--muted); }