:root {
    --post-bg: #0a0a0a;
    --post-fg: #ffffff;
    --post-accent: #eab308;
    --post-muted: #9aa0ab;
    --post-border: #1f1f1f;
    --post-code-bg: #111111;
    --post-font-body: 'Outfit', system-ui, sans-serif;
    --post-font-heading: 'Poppins', system-ui, sans-serif;
    --post-radius: 14px;
}

/* Generated by Cms\Build\BlogCssGenerator. Do not edit by hand. */

:has(> .cms-post) { max-width: none !important; width: auto !important; padding-left: 0 !important; padding-right: 0 !important; color: inherit !important; }
.cms-post { color: var(--post-fg); background: var(--post-bg); font-family: var(--post-font-body); line-height: 1.65; max-width: 760px; margin: 0 auto; padding: 32px 16px; }
.cms-post h1, .cms-post h2, .cms-post h3, .cms-post h4 { font-family: var(--post-font-heading); color: var(--post-accent); font-weight: 700; line-height: 1.25; margin: 1.6em 0 0.6em; }
.cms-post h1 { font-size: 2.1rem; letter-spacing: -0.01em; }
.cms-post h2 { font-size: 1.55rem; border-bottom: 1px solid var(--post-border); padding-bottom: 0.25em; }
.cms-post h3 { font-size: 1.25rem; }
.cms-post h4 { font-size: 1.05rem; }
.cms-post a { color: var(--post-accent); text-decoration: underline; text-underline-offset: 2px; }
.cms-post strong, .cms-post b { color: var(--post-accent); }
.cms-post p, .cms-post ul, .cms-post ol { margin: 1em 0; }
.cms-post img, .cms-post picture, .cms-post video { max-width: 100%; height: auto; border-radius: var(--post-radius); display: block; }
.cms-post figure { margin: 1.5em 0; }
.cms-post figcaption { color: var(--post-muted); font-size: 0.9em; text-align: center; margin-top: 0.5em; }
.cms-post pre { background: var(--post-code-bg); border: 1px solid var(--post-border); border-radius: var(--post-radius); padding: 14px 16px; overflow-x: auto; }
.cms-post code { background: var(--post-code-bg); padding: 0.1em 0.4em; border-radius: 4px; font-size: 0.95em; }
.cms-post pre code { background: transparent; padding: 0; }
.cms-post blockquote { border-left: 3px solid var(--post-accent); margin: 1.5em 0; padding: 0.4em 1.2em; color: var(--post-muted); }
.cms-post hr { border: 0; border-top: 1px solid var(--post-border); margin: 2em 0; }
.cms-post table { border-collapse: collapse; margin: 1em 0; width: 100%; }
.cms-post th, .cms-post td { border: 1px solid var(--post-border); padding: 8px 12px; text-align: left; }
.cms-post th { background: var(--post-code-bg); }