/* AdonisSignature Blog — Minimal CSS */
:root { --bg: #0a0a0f; --surface: #14141f; --border: #1e1e2e; --text: #e0e0e8; --dim: #6b6b80; --accent: #6366f1; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: var(--bg); color: var(--text); font-family: 'Inter', system-ui, sans-serif; line-height: 1.7; padding: 24px; max-width: 720px; margin: 0 auto; }
a { color: var(--accent); text-decoration: none; } a:hover { text-decoration: underline; }
header { margin-bottom: 48px; padding-top: 24px; }
header nav { display: flex; gap: 16px; font-size: 0.85rem; }
article { margin-bottom: 48px; }
time { color: var(--dim); font-size: 0.8rem; font-family: monospace; }
h1 { font-size: 2rem; margin: 12px 0 24px; line-height: 1.2; letter-spacing: -0.02em; }
h2 { font-size: 1.3rem; margin: 32px 0 12px; }
p { margin-bottom: 16px; }
ul { margin: 12px 0 16px 24px; } li { margin-bottom: 8px; }
.content { max-width: 100%; }
.cta { margin-top: 48px; padding: 24px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; text-align: center; }
.cta a { display: inline-block; padding: 10px 24px; background: var(--accent); color: #000; border-radius: 8px; font-weight: 600; margin-top: 8px; }
.cta a:hover { text-decoration: none; opacity: 0.9; }
footer { margin-top: 64px; padding-top: 24px; border-top: 1px solid var(--border); color: var(--dim); font-size: 0.8rem; }
main h1 { margin-bottom: 16px; }
main p { color: var(--dim); margin-bottom: 32px; }
main article { padding: 16px 0; border-bottom: 1px solid var(--border); }
main article h2 { margin: 0 0 4px; font-size: 1.1rem; }
main article time { font-size: 0.75rem; }