/* Shared shell for the plain document pages (support/, privacy/). Colours come from base.css. */
.doc { max-width:620px; margin:0 auto; padding:56px 20px 72px }
.doc-home { display:inline-flex; align-items:center; gap:6px; color:var(--accent); font-family:var(--serif); font-size:20px; text-decoration:none; min-height:44px }
@media(hover:hover) { .doc-home:hover { color:var(--text) } }
.doc h1 { font-family:var(--serif); font-size:40px; font-weight:400; line-height:1.1; letter-spacing:-1.2px; margin:40px 0 28px }
.doc h2 { font-family:var(--serif); font-size:22px; font-weight:400; letter-spacing:-.4px; margin:40px 0 10px }
.doc p,.doc li { font-size:15px; line-height:1.75; color:var(--muted); margin:0 0 14px }
.doc a { color:var(--accent) }
@media(hover:hover) { .doc a:hover { color:var(--text) } }
.doc-faq { border-top:1px solid var(--line); margin-top:8px }
.doc-faq details { border-bottom:1px solid var(--line) }
.doc-faq summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:16px; padding:16px 0; min-height:44px; font-size:15px; color:var(--text) }
.doc-faq summary::-webkit-details-marker { display:none }
.doc-faq summary::after { content:'+'; color:var(--muted) }
.doc-faq details[open] summary::after { content:'−' }
.doc-footer { margin-top:56px; padding-top:20px; border-top:1px solid var(--line); display:flex; gap:20px; flex-wrap:wrap; font-size:13px }
@media(max-width:600px) { .doc { padding-top:32px } .doc h1 { font-size:32px; margin-top:28px } }