: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-post-header{border-bottom:1px solid var(--blog-border)}.blog-post-footer{border-top:1px solid var(--blog-border);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.blog-post-share{display:flex;align-items:center;gap:.8rem}.blog-post-share-label{color:var(--blog-muted);font-size:.875rem;font-weight:600}.blog-post-share-actions{display:flex;align-items:center;gap:.45rem}.blog-post-share-button{width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blog-border);border-radius:999px;background:var(--blog-surface-raised);color:var(--blog-muted);cursor:pointer;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.blog-post-share-button:hover,.blog-post-share-button:focus-visible{color:var(--blog-accent);border-color:var(--blog-accent);background:var(--blog-accent-soft);transform:translateY(-1px)}.blog-post-share-button:focus-visible{outline:2px solid var(--blog-accent);outline-offset:2px}.blog-post-share-button.is-copied{color:var(--blog-accent);border-color:var(--blog-accent);background:var(--blog-accent-soft)}.blog-post-share-button svg{width:1rem;height:1rem}.blog-post-meta{color:var(--blog-muted)}.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);line-height:1.7}.blog-post-tag{color:var(--blog-muted)}.blog-post-tag:before{content:"#";color:var(--blog-accent);margin-right:.15rem}.blog-post-article{padding:0}.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:0 .5rem .5rem 0;color:var(--blog-text);font-style:italic}.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)}.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:1px solid var(--blog-border);border-radius:.75rem;margin:2rem auto;display:block}.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:.5rem;padding:1.25rem 1.5rem;overflow-x:auto;font-size:.95rem;line-height:1.6}.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}.blog-article table{width:100%;border-collapse:collapse;background:transparent;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-post-footer{align-items:flex-start;flex-direction:column}.blog-post-share{width:100%;justify-content:space-between}.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}}
