/* Pages for reading: privacy, support, terms, the 404. A band with the title, then a white sheet. */

.doc-head .wrap { display: grid; gap: var(--space-3); padding-top: var(--space-12); padding-bottom: var(--space-22); }
.doc-head p { font-weight: var(--weight-bold); }

.sheet { display: grid; gap: var(--space-3); max-width: var(--size-sheet); margin: calc(var(--space-14) * -1) auto var(--space-section); padding: var(--space-sheet); position: relative; }
.sheet h2 { margin-top: var(--space-4); font-size: var(--text-xl); font-weight: var(--weight-black); }
.sheet p, .sheet li { font-size: var(--text-base); line-height: var(--leading-loose); }
.sheet ul { display: grid; gap: var(--space-2); padding-left: var(--space-6); }
.sheet a { font-weight: var(--weight-bold); }

.contact { display: grid; gap: var(--space-2); padding: var(--space-5); background: var(--color-lime); border: var(--line-thin) solid var(--color-ink); border-radius: var(--radius-m); }
.contact strong { font-size: var(--text-l); }

.faq { display: grid; gap: var(--space-3); }
.faq details { background: var(--color-leaf); border: var(--line-thin) solid var(--color-ink); border-radius: var(--radius-m); }
.faq summary { min-height: var(--size-touch); padding: var(--space-4) var(--space-5); font-size: var(--text-base); font-weight: var(--weight-black); cursor: pointer; }
.faq details[open] summary { border-bottom: var(--line-thin) solid var(--color-ink); }
.faq details p { padding: var(--space-3) var(--space-5) var(--space-4); }

.lost .wrap { display: grid; justify-items: center; gap: var(--space-5); padding-top: var(--space-18); padding-bottom: var(--space-section); text-align: center; }
.lost img { width: var(--size-lost-art); transform: rotate(-10deg); }