:root { color-scheme: dark; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #171717; color: #f5f5f5; } * { box-sizing: border-box; } body { margin: 0; line-height: 1.6; } main { width: min(100% - 2rem, 62rem); margin: 0 auto; padding: 2rem 0 3rem; } header, section, footer { margin-block: 0 1.75rem; } h1, h2 { line-height: 1.15; } h1 { font-size: clamp(2rem, 7vw, 3.5rem); margin: .15rem 0 1rem; } h2 { margin-top: 0; } .eyebrow { color: #fbbf24; font-size: .85rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin: 0; } .lede { color: #e5e5e5; font-size: 1.15rem; } nav { display: flex; flex-wrap: wrap; gap: .55rem 1rem; } a { color: #fbbf24; } section { padding: 1.25rem; background: #232323; border: 1px solid #404040; border-radius: .7rem; } .table-wrap { overflow-x: auto; padding: 0; } table { width: 100%; border-collapse: collapse; min-width: 48rem; } th, td { padding: .8rem; text-align: left; vertical-align: top; border-bottom: 1px solid #404040; } th { color: #fff; } footer { color: #bdbdbd; font-size: .9rem; } @media (max-width: 480px) { main { width: min(100% - 1.25rem, 62rem); padding-top: 1.25rem; } section { padding: 1rem; } }