/* Text pages (legal, errors): readable column on the site's dark theme */
.doc-page { padding: 130px 0 80px; min-height: 70vh; }
.doc-page__wrap { max-width: 760px; }
.doc-title { font-size: clamp(44px, 7vw, 84px); margin: 14px 0 10px; text-wrap: balance; }
.doc-updated { font: 600 12px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin: 0 0 34px; }
.doc-page h2 { font: 800 clamp(24px, 3vw, 32px)/1.1 var(--display); font-stretch: 80%; text-transform: uppercase; margin: 44px 0 12px; text-wrap: balance; scroll-margin-top: 90px; }
.doc-page p, .doc-page li { color: #CDD0D6; font-size: 16.5px; line-height: 1.7; max-width: 68ch; }
.doc-page ul { padding-left: 20px; display: grid; gap: 6px; }
.doc-page a { color: var(--volt); }
.doc-page strong { color: #fff; }
.lead-in { font-size: 19px !important; color: #E4E6EA !important; }
.doc-contact { list-style: none; padding: 18px 20px !important; border: 1px solid var(--line-2); border-radius: 14px; background: var(--char); }
.doc-id { font-size: 14px !important; color: var(--muted) !important; }
.doc-toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
.doc-toc a { text-decoration: none; font-size: 13px; font-weight: 600; color: #fff !important; padding: 8px 12px; border-radius: 99px; border: 1px solid var(--line-2); }
.doc-toc a:hover { border-color: var(--volt); }
.err { text-align: left; padding-top: 30px; }
.err__code { font: 800 clamp(110px, 22vw, 220px)/.8 var(--display); font-stretch: 62%; color: transparent; -webkit-text-stroke: 2px var(--red); margin: 0; }
.err__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 26px 0; }
.err__links { list-style: none; padding: 0 !important; }
body.page .nav .btn { display: inline-flex; }