/* PartPeek: text pages (privacy, terms, support, 404). Light, readable, same fonts as the landing. */
@font-face { font-family: "Space Grotesk"; src: url(/fonts/space-grotesk.woff2) format("woff2"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "Inter"; src: url(/fonts/inter.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
:root { --ink: #121417; --amber: #ffb020; --amber-on-light: #9a5f00; --paper: #f5f4f0; --on-light: #121417; --on-light-2: #4b5260; --rule: rgba(18, 20, 23, 0.14); --display: "Space Grotesk", system-ui, sans-serif; --body: "Inter", system-ui, sans-serif; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--on-light); font: 400 17px/1.6 var(--body); -webkit-font-smoothing: antialiased; }
.wrap { max-width: 820px; margin: 0 auto; padding: 0 clamp(20px, 5vw, 48px); }
a { color: var(--amber-on-light); }
.top { background: var(--ink); color: #e6e8eb; padding: 16px 0; }
.top .wrap { display: flex; justify-content: space-between; align-items: center; max-width: 1240px; }
.logo { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; font: 700 18px/1 var(--display); }
.logo em { font-style: normal; color: var(--amber); }
.top nav a { color: inherit; text-decoration: none; margin-left: 20px; font: 600 13px/1 var(--body); opacity: 0.85; }
.top nav a[aria-current] { opacity: 1; border-bottom: 2px solid var(--amber); padding-bottom: 3px; }
main { padding: 48px 0 72px; }
h1 { font: 700 clamp(30px, 4vw, 42px)/1.1 var(--display); letter-spacing: -0.02em; margin: 0 0 12px; }
h2 { font: 600 22px/1.3 var(--display); margin: 36px 0 10px; }
h3 { font: 600 17px/1.4 var(--body); margin: 22px 0 6px; }
p, ul { margin: 0 0 12px; }
ul { padding-left: 20px; }
li { margin: 4px 0; }
.lang, .meta { font-size: 14px; color: var(--on-light-2); }
.lead { font-size: 19px; }
code { font: 500 0.92em ui-monospace, monospace; background: rgba(18, 20, 23, 0.06); padding: 1px 5px; border-radius: 4px; }
details { border-top: 1px solid var(--rule); padding: 12px 0; }
details:last-of-type { border-bottom: 1px solid var(--rule); }
summary { cursor: pointer; font-weight: 600; }
details p { margin-top: 8px; color: var(--on-light-2); }
footer { background: #0b0c0f; color: #9aa1aa; padding: 24px 0; font-size: 14px; }
footer .wrap { max-width: 1240px; }
footer a { color: inherit; margin-right: 18px; text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer p { margin: 0 0 6px; }