/* dautovri.com/blog — same tokens as the main site, kept deliberately small. */
:root {
    --background: #0a0a0a;
    --surface: #141414;
    --text-primary: #ededed;
    --text-secondary: #a1a1aa;
    --accent: #00ff9c;
    --border: #27272a;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;
}
@media (prefers-color-scheme: light) {
    :root { --background: #fbfbfd; --surface: #fff; --text-primary: #1d1d1f; --text-secondary: #6e6e73; --accent: #008f57; --border: #d2d2d7; }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--background); color: var(--text-primary); font: 18px/1.65 var(--font-sans); }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
header.site, main, footer.site { max-width: 720px; margin: 0 auto; padding: 0 16px; }
header.site { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--border); }
header.site .home { color: var(--text-primary); font-weight: 600; }
header.site nav a { margin-left: 16px; color: var(--text-secondary); }
main { padding-top: 32px; padding-bottom: 64px; }
h1 { font-size: clamp(1.8rem, 1.4rem + 1.6vw, 2.4rem); line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 8px; }
h2 { font-size: 1.35rem; margin: 2em 0 0.6em; }
.meta, .posts time { color: var(--text-secondary); font-size: 0.9rem; }
article header { margin-bottom: 28px; }
article p, article li { max-width: 68ch; }
article img { max-width: 100%; height: auto; border-radius: 12px; }
article pre { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 16px; overflow-x: auto; font: 0.9rem/1.5 var(--font-mono); }
article code { font-family: var(--font-mono); font-size: 0.92em; }
article blockquote { margin: 1.2em 0; padding-left: 16px; border-left: 3px solid var(--accent); color: var(--text-secondary); }
ul.posts { list-style: none; padding: 0; margin: 0; }
ul.posts li { padding: 20px 0; border-bottom: 1px solid var(--border); }
ul.posts li a { font-size: 1.2rem; font-weight: 600; display: block; }
ul.posts li p { margin: 6px 0 0; color: var(--text-secondary); }
footer.site { padding-top: 24px; padding-bottom: 48px; border-top: 1px solid var(--border); color: var(--text-secondary); font-size: 0.9rem; }