:root { --color-bg: #0f172a; --color-text: #f8fafc; --color-primary: #38bdf8; --color-border: #1e293b; --color-muted: #94a3b8; --color-surface: #1e293b; }
        body { font-family: system-ui, sans-serif; background: var(--color-bg); color: var(--color-text); line-height: 1.6; margin: 0; }
        .container { max-width: 800px; margin: 0 auto; padding: 0 20px; }
        header { border-bottom: 1px solid var(--color-border); padding: 20px 0; margin-bottom: 40px; }
        .logo { font-size: 1.5rem; font-weight: bold; text-decoration: none; color: var(--color-primary); }
        article, .card { background: var(--color-surface); padding: 24px; border-radius: 8px; border: 1px solid var(--color-border); margin-bottom: 24px; }
        a { color: var(--color-primary); text-decoration: none; }
        a:hover { text-decoration: underline; }
        time { color: var(--color-muted); font-size: 0.9rem; }
        .tag { background: #0c4a6e; color: #38bdf8; padding: 2px 8px; border-radius: 4px; font-size: 0.8rem; margin-right: 8px; }
        footer { margin-top: 60px; padding: 40px 0; text-align: center; color: var(--color-muted); border-top: 1px solid var(--color-border); }
        .mt-lg { margin-top: 32px; }
        .drill-down-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
        .text-lg { font-size: 1.25rem; font-weight: 600; }