/* Legal-page styles — shared by /privacy, /terms, /support across all apps. Each app folder gets its own copy so deployments stay self-contained. Override --accent / --paper / --ink in the page to retheme. */ :root { --ink: #2a1f17; --paper: #f5ede0; --rule: #d8c8ad; --muted: #7a6852; --accent: #8a4a1c; --serif: 'Fraunces', Georgia, serif; --sans: 'Inter Tight', system-ui, sans-serif; } *, *::before, *::after { box-sizing: border-box; } body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); font-weight: 300; line-height: 1.7; -webkit-font-smoothing: antialiased; } a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; } a:hover { text-decoration: none; } .wrap { max-width: 720px; margin: 0 auto; padding: 0 1.5rem; } header.top { padding: 2rem 0 1.25rem; border-bottom: 1px solid var(--rule); margin-bottom: 3rem; } header.top .back { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.2em; color: var(--muted); text-decoration: none; } header.top .back:hover { color: var(--ink); } article h1 { font-family: var(--serif); font-weight: 300; font-size: clamp(2rem, 4vw, 2.8rem); letter-spacing: -0.015em; margin: 0 0 0.4rem; } article .meta { font-family: var(--serif); font-style: italic; color: var(--muted); margin: 0 0 2.5rem; } article h2 { font-family: var(--serif); font-weight: 500; font-size: 1.35rem; margin: 2.5rem 0 0.6rem; letter-spacing: -0.005em; } article h3 { font-family: var(--sans); font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--muted); font-weight: 500; margin: 1.5rem 0 0.4rem; } article p, article li { font-size: 1rem; color: var(--ink); } article ul { padding-left: 1.25rem; } article li { margin-bottom: 0.5rem; } article strong { font-weight: 500; color: var(--ink); } article .summary { background: rgba(196, 122, 58, 0.08); border-left: 3px solid var(--accent); padding: 1.25rem 1.5rem; margin: 1.5rem 0 2.5rem; font-family: var(--serif); font-style: italic; font-size: 1.05rem; color: var(--ink); border-radius: 0 4px 4px 0; } footer { border-top: 1px solid var(--rule); padding: 2rem 0 3rem; margin-top: 4rem; display: flex; justify-content: space-between; font-size: 0.85rem; color: var(--muted); flex-wrap: wrap; gap: 1rem; } footer a { color: var(--muted); text-decoration: none; margin-left: 1.5rem; } footer a:first-of-type { margin-left: 0; } footer a:hover { color: var(--ink); } footer .meta { font-family: var(--serif); font-style: italic; }