@font-face { font-family: 'IBM Plex Mono'; src: url('../fonts/ibm-plex-mono-500.woff2') format('woff2'); font-weight: 500; font-display: swap; }
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #040b07; color: #a8c8b6; font: 16px/1.9 'IBM Plex Mono', 'Microsoft YaHei', sans-serif; }
main { width: min(800px, 100%); margin: 0 auto; padding: 40px 24px 60px; }
header, footer { border-block-end: 1px solid #244432; padding-bottom: 16px; }
header p { color: #6c977d; font-size: 13px; letter-spacing: .08em; }
h1, h2, a { color: #8ee9b6; }
h1 { font-size: 28px; font-weight: 500; }
h2 { font-size: 20px; font-weight: 500; margin-top: 32px; }
a { text-underline-offset: 4px; }
a:focus-visible { outline: 2px solid #8ee9b6; outline-offset: 4px; }
li { margin-block: 8px; }
footer { margin-top: 40px; border-block-start: 1px solid #244432; border-block-end: 0; padding-top: 20px; font-size: 14px; }
@media print { body { background: white; color: black; } h1,h2,a { color: black; } }