:root{--blog-beige:#f3f0e8;--blog-shadow-soft:0 22px 60px -30px #0a162861}.blog-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.blog-card:hover{border-color:color-mix(in oklch,var(--info) 42%,var(--border));box-shadow:var(--blog-shadow-soft);transform:translateY(-3px)}.blog-card--compact{border-radius:12px}.blog-pill{font-family:var(--font-sans);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.22rem .65rem;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex}.blog-pill--blue{background:color-mix(in oklch,var(--info) 14%,transparent);color:color-mix(in oklch,var(--info) 82%,var(--navy))}.blog-pill--navy{background:color-mix(in oklch,var(--navy) 10%,transparent);color:var(--navy)}.blog-pill--amber{background:var(--amber-light);color:color-mix(in oklch,var(--amber) 60%,var(--navy))}.blog-pill--violet{color:#7347af;background:#8864c024}.blog-pill--green{background:var(--pass-bg);color:var(--pass)}.blog-pill--gray{color:color-mix(in oklch,var(--navy) 60%,transparent);background:#eeebe5}.blog-prose{font-family:var(--font-sans);color:color-mix(in oklch,var(--navy) 85%,transparent);font-size:16.5px;line-height:1.7}.blog-prose>*+*{margin-top:1.15em}.blog-prose p{margin:0}.blog-prose h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--navy);margin-top:2em;margin-bottom:.6em;font-size:1.45rem;font-weight:700}.blog-prose h2:first-child{margin-top:0}.blog-prose a{color:color-mix(in oklch,var(--info) 80%,var(--navy));text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch,var(--info) 40%,transparent);text-decoration-color:color-mix(in oklch,var(--info) 40%,transparent);text-underline-offset:2px}.blog-prose a:hover{text-decoration-color:currentColor}.blog-prose strong{color:var(--navy);font-weight:700}.blog-prose ul,.blog-prose ol{padding-left:1.4em}.blog-prose ul{list-style:none}.blog-prose ul>li{position:relative}.blog-prose ul>li:before{content:"";background:var(--amber);border-radius:999px;width:6px;height:6px;position:absolute;top:.62em;left:-1.15em}.blog-prose ol{list-style:decimal}.blog-prose ol>li::marker{color:var(--amber);font-weight:600}.blog-prose li+li{margin-top:.45em}.blog-prose blockquote{border-left:3px solid var(--border);color:color-mix(in oklch,var(--navy) 70%,transparent);margin:0;padding:.15em 1.1em}.blog-prose blockquote.callout{border-left-width:3px;border-radius:10px;padding:.85em 1.1em;font-size:15px}.blog-prose blockquote.callout p{margin:0}.blog-prose .callout-info{background:var(--info-bg);border-left-color:var(--info);color:color-mix(in oklch,var(--info) 55%,var(--navy))}.blog-prose .callout-warning{background:var(--warning-bg);border-left-color:var(--warning);color:color-mix(in oklch,var(--warning) 45%,var(--navy))}.blog-prose .callout-pass{background:var(--pass-bg);border-left-color:var(--pass);color:color-mix(in oklch,var(--pass) 55%,var(--navy))}.blog-prose .callout-fail{background:var(--fail-bg);border-left-color:var(--fail);color:color-mix(in oklch,var(--fail) 55%,var(--navy))}.blog-prose table{border-collapse:collapse;width:100%;font-size:14.5px}.blog-prose th,.blog-prose td{border:1px solid var(--border);text-align:left;padding:.5em .75em}.blog-prose thead th{background:var(--blog-beige);color:var(--navy);font-weight:600}.blog-prose code{background:var(--blog-beige);font-family:var(--font-mono);border-radius:5px;padding:.15em .4em;font-size:.88em}.blog-prose pre{background:var(--navy);color:var(--ivory);border-radius:10px;padding:1em 1.2em;overflow-x:auto}.blog-prose pre code{color:inherit;background:0 0;padding:0}.blog-prose hr{border:none;border-top:1px solid var(--border)}.blog-prose img{border-radius:12px;width:100%;display:block}.blog-prose figure{margin:0}.blog-prose figcaption{text-align:center;color:color-mix(in oklch,var(--navy) 55%,transparent);margin-top:.5em;font-size:12.5px}.blog-line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}