/* Стили служебных страниц (/credits/, 404). Отдельным файлом, а не в <style>,
   чтобы CSP на сайте обходилась без 'unsafe-inline'. Токены — из style.css. */

/* --- /credits/ --- */
.page{max-width:960px;margin:0 auto;padding:28px var(--gutter) 88px}
.page .top{margin-bottom:28px}
.page h1{font:300 clamp(40px,6vw,62px)/1.05 var(--serif);letter-spacing:-.01em;margin-bottom:18px}
.page h2{font:400 30px/1.15 var(--serif);margin:52px 0 14px}
.page p{font-size:16px;line-height:1.7;color:var(--ink-2);max-width:40em;margin-bottom:12px}
.page p a,.page td a{color:var(--accent-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.page table{width:100%;border-collapse:collapse;font-size:14px;margin-top:10px}
.page th,.page td{text-align:left;padding:10px 14px 10px 0;border-bottom:1px solid var(--hair);vertical-align:top}
.page th{font:600 10px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.page td{color:var(--ink-2)}
.page code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--ink-3)}
.scroll{overflow-x:auto}

/* --- 404 --- */
body.center{min-height:100vh;display:flex;align-items:center;justify-content:center}
.nf{text-align:center;padding:40px var(--gutter);max-width:560px}
.nf .mark{width:72px;height:72px;margin:0 auto 34px}
.nf h1{font:300 clamp(44px,8vw,64px)/1.05 var(--serif);margin-bottom:14px}
.nf p{font-size:17px;line-height:1.6;color:var(--ink-2);margin-bottom:32px}