/* connet.team only: the extra pages (download, legal, 404). Tokens from tokens.css. */
.page { max-width: 46rem; margin: 0 auto; padding: var(--space-xl) var(--space-lg); display: flex; flex-direction: column; gap: var(--space-lg); }
.page-head { display: flex; flex-direction: column; gap: var(--space-sm); }
.page .panel ol, .page .panel ul { margin: var(--space-sm) 0 0; padding-left: 1.25rem; display: flex; flex-direction: column; gap: var(--space-xs); }
.page .panel p + p { margin-top: var(--space-sm); }
.page .steps ol { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: var(--space-md); }
.page .steps li { display: flex; flex-direction: column; gap: var(--space-xs); }
.legal { display: flex; flex-direction: column; gap: var(--space-sm); }
.legal h1 { margin-bottom: var(--space-sm); }
.legal h2 { margin-top: var(--space-lg); }
.legal ul, .legal ol { padding-left: 1.25rem; margin: 0; }
.legal table { border-collapse: collapse; width: 100%; font-size: var(--text-sm); display: block; overflow-x: auto; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: var(--space-xs) var(--space-sm); border-top: 1px solid var(--color-rule-strong); }
.legal blockquote { margin: 0; padding: var(--space-sm) var(--space-md); border-left: 3px solid var(--color-accent); background: var(--color-paper-2); }
.foot-links { display: flex; flex-wrap: wrap; gap: var(--space-md); }
code { font-family: var(--font-mono); font-size: 0.9em; }
.notice { border-left: 3px solid var(--color-accent); }