:root{--blog-accent: var(--color-cici-primary);--blog-accent-soft: rgba(74, 222, 128, .15);--blog-surface: var(--color-surface);--blog-surface-raised: var(--color-surface-raised);--blog-surface-contrast: var(--color-surface-contrast);--blog-border: var(--color-border-soft);--blog-text: var(--color-text-primary);--blog-muted: var(--color-text-muted);--blog-shadow: var(--shadow-card)}.blog-post-card{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:2rem;box-shadow:var(--blog-shadow);transition:border-color .22s ease,box-shadow .22s ease}.blog-post-card:hover{border-color:#4ade8080;box-shadow:0 30px 60px #05060d73}.blog-post-meta{color:var(--blog-muted);background:var(--blog-surface-contrast);border-radius:999px;border:1px solid var(--blog-border);padding:.45rem 1.4rem;letter-spacing:.35em}.blog-post-meta-value{color:var(--blog-text);font-weight:600;letter-spacing:.08em}.blog-post-breadcrumb-sep,.blog-post-breadcrumb-current,.blog-post-byline{color:var(--blog-muted)}.blog-post-title{color:var(--blog-text)}.blog-post-excerpt{color:var(--blog-muted)}.blog-post-tag{border:1px solid var(--blog-border);border-radius:999px;background:var(--blog-surface-contrast);transition:border-color .2s ease,background-color .2s ease}.blog-post-tag:hover{border-color:#4ade8080;background:var(--blog-accent-soft)}.blog-post-article{background:var(--blog-surface-raised);border-radius:1.5rem;border:1px solid var(--blog-border);padding:clamp(1.5rem,4vw,2.75rem);box-shadow:var(--blog-shadow);backdrop-filter:blur(6px)}.blog-post-back-link{color:var(--blog-accent);font-weight:600;transition:color .2s ease}.blog-post-back-link:hover{color:var(--blog-text)}.blog-article{color:var(--blog-text);font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.75;letter-spacing:.01em;max-width:800px}.blog-article>*+*{margin-top:1.5rem}.blog-article h2,.blog-article h3,.blog-article h4{color:var(--blog-text);font-weight:700;letter-spacing:.02em}.blog-article h2{font-size:clamp(1.75rem,2.4vw,2.25rem);margin-top:2.5rem;padding-bottom:.6rem;border-bottom:1px solid var(--blog-border)}.blog-article h3{font-size:clamp(1.4rem,2vw,1.8rem);margin-top:2rem}.blog-article h4{font-size:1.2rem;text-transform:uppercase;letter-spacing:.08em;color:var(--blog-muted)}.blog-article p{margin:0;color:var(--blog-text)}.blog-article a{color:var(--blog-accent);text-decoration:none;position:relative;font-weight:600}.blog-article a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:linear-gradient(90deg,var(--blog-accent),transparent);opacity:.6;transition:opacity .2s ease}.blog-article a:hover:after{opacity:1}.blog-article blockquote{margin:2rem 0;padding:1.25rem 1.5rem 1.25rem 1.75rem;background:var(--blog-surface-raised);border-left:4px solid var(--blog-accent);border-radius:1rem;color:var(--blog-text);font-style:italic;box-shadow:var(--blog-shadow)}.blog-article blockquote p{color:inherit}.blog-article ul,.blog-article ol{padding-left:1.5rem;margin:1rem 0}.blog-article ul li{margin-bottom:.4rem;position:relative;list-style:none;padding-left:1rem}.blog-article ul li:before{content:"";position:absolute;left:0;top:.75rem;width:.5rem;height:.5rem;border-radius:999px;background:var(--blog-accent);box-shadow:0 0 12px #4ade8066}.blog-article ol{counter-reset:blog-counter}.blog-article ol li{counter-increment:blog-counter;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.blog-article ol li:before{content:counter(blog-counter,decimal-leading-zero);position:absolute;left:0;top:.2rem;font-size:.75rem;letter-spacing:.2em;color:var(--blog-accent)}.blog-article img,.blog-article video{width:100%;border-radius:1.5rem;margin:2rem auto;display:block;box-shadow:0 12px 40px #05060d80}.blog-article figure{margin:2.5rem 0;text-align:center}.blog-article figcaption{font-size:.9rem;margin-top:.75rem;color:var(--blog-muted)}.blog-article pre{background:var(--blog-surface-raised);border:1px solid var(--blog-border);border-radius:1rem;padding:1.25rem 1.5rem;overflow-x:auto;font-size:.95rem;line-height:1.6;box-shadow:var(--blog-shadow)}.blog-article code{background:var(--blog-accent-soft);color:var(--blog-accent);padding:.1rem .4rem;border-radius:.4rem;font-size:.95em}.blog-article pre code{background:transparent;padding:0;color:var(--blog-text)}.blog-article hr{border:none;border-top:1px solid var(--blog-border);margin:2.5rem 0;position:relative}.blog-article hr:after{content:"";position:absolute;left:50%;transform:translate(-50%);top:-5px;width:60px;height:8px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--blog-accent),transparent)}.blog-article table{width:100%;border-collapse:collapse;background:var(--blog-surface-raised);border-radius:1rem;overflow:hidden;border:1px solid var(--blog-border)}.blog-article table th,.blog-article table td{padding:.9rem 1.1rem;text-align:left;border-bottom:1px solid var(--blog-border)}.blog-article table th{background:var(--blog-surface-contrast);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--blog-muted)}.blog-article table tr:last-child td{border-bottom:none}@media(max-width:768px){.blog-article{font-size:1rem;padding:0 .25rem}.blog-article h2,.blog-article h3{line-height:1.3}.blog-article ul,.blog-article ol{padding-left:1rem}}
