/* The terms, refunds, privacy and support pages: plain reading pages in the site's look. */
.doc { max-width: 780px; margin: 0 auto; padding: 22px 16px 60px; position: relative; z-index: 1; }
.doc .top { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.doc .top img { width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--violet); }
.doc .top a { color: var(--ink); text-decoration: none; font: 600 22px var(--font-display); }
.doc h1 { font-size: 34px; margin: 6px 0 4px; }
.doc .updated { color: var(--muted); font-size: 13px; margin: 0 0 22px; }
.doc h2 { font-size: 21px; margin: 26px 0 8px; color: var(--violet-hi); }
.doc p, .doc li { line-height: 1.65; }
.doc ul { padding-left: 22px; }
.doc li { margin: 4px 0; }
.doc .box { background: var(--panel-2); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; margin: 14px 0; }
.doc nav.legal { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 34px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 14px; }
.doc details { border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; margin: 8px 0; background: var(--panel); }
.doc summary { cursor: pointer; font-weight: 700; }
.doc details p { margin: 8px 0 2px; }