/* Long-read pages (privacy, terms, support), on top of style.css. */
.doc { max-width: 760px; margin: 0 auto; padding: 44px 20px 0; }
.doc h1 { margin: 0; font-weight: 900; font-size: clamp(30px, 5vw, 42px); line-height: 1.1; }
.doc .date { margin: 8px 0 28px; color: var(--faint); font-size: 15px; }
.doc .lead { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 18px 20px; color: var(--text); }
.doc h2 { margin: 36px 0 8px; font-weight: 900; font-size: 23px; }
.doc h3 { margin: 22px 0 4px; font-weight: 900; font-size: 18px; }
.doc p, .doc li { color: #c9d3e8; }
.doc ul { padding-left: 22px; }
.doc li { margin: 6px 0; }
.doc details { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 14px 18px; margin: 10px 0; }
.doc summary { cursor: pointer; font-weight: 900; color: var(--text); }
.doc details p { margin: 10px 0 2px; }
.doc .mail { display: inline-block; margin-top: 4px; font-size: 20px; font-weight: 900; }
@media (max-width: 420px) { .doc { padding: 32px 16px 0; } }