/* Shared by terms.html and privacy.html: the shop's paper and type, one column of prose. */
:root { --paper: #f9f8f5; --ink: #161511; --ink-soft: #4a4842; --mute: #85827b; --rule: rgba(22,21,17,0.12); --f-display: "Fraunces", "Iowan Old Style", Georgia, serif; --f-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif; color-scheme: light; }
html { background: var(--paper); }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--f-sans); font-size: 15.5px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
main { max-width: 40rem; margin: 0 auto; padding: 3rem 1.5rem 3rem; display: grid; gap: 1.6rem; }
a { color: inherit; text-decoration-color: rgba(22,21,17,0.32); text-underline-offset: 0.22em; }
.label { font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mute); }
.wordmark { font-family: var(--f-display); font-weight: 500; font-size: 26px; line-height: 1.25; text-decoration: none; }
h1 { font-family: var(--f-display); font-weight: 400; font-size: 34px; line-height: 1.1; margin: 0; }
h2 { font-family: var(--f-display); font-weight: 500; font-size: 22px; line-height: 1.2; margin: 1.2rem 0 0; }
p, li { margin: 0; color: var(--ink-soft); }
ul { margin: 0.4rem 0 0; padding-left: 1.2rem; display: grid; gap: 0.3rem; }
.meta { color: var(--mute); }
footer { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem 1.5rem; flex-wrap: wrap; border-top: 1px solid var(--rule); padding-top: 1.2rem; margin-top: 1rem; }
footer nav { display: flex; gap: 1.4rem; }
footer a { text-decoration: none; }
@media (max-width: 720px) { main { padding: 2rem 1rem; } h1 { font-size: 28px; } }