.hero-blog{background-image:linear-gradient(to bottom,#0c2648d1,#0a1c3ab8,#0e2a50e6),url(/img/blog-dev-bg.webp)}.blog-empty{text-align:center;color:var(--muted);padding:2rem 0}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.blog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.blog-card[hidden]{display:none}.blog-load-more-wrap{display:flex;justify-content:center;margin-top:2.5rem}.blog-card-cover{display:block}.blog-card-cover-img{height:170px;background-size:cover;background-position:center}.blog-card-body{padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:.7rem;flex:1}.blog-card-meta{display:flex;align-items:center;gap:.7rem;font-size:.78rem;color:var(--muted)}.blog-card-meta time{text-transform:capitalize}.blog-card-tag{background:#0e6ba817;color:var(--brand-strong);border-radius:999px;padding:.18rem .6rem;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.blog-card-body h3{font-family:Outfit,sans-serif;font-size:1.15rem;line-height:1.3}.blog-card-body h3 a{color:var(--ink)}.blog-card-body h3 a:hover{color:var(--brand-strong)}.blog-card-body p{color:var(--muted);font-size:.9rem;line-height:1.55;flex:1}.blog-card-link{margin-top:auto;align-self:stretch}.blog-list-heading{max-width:30ch;margin:0 auto 2.5rem}@media(max-width:990px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.blog-grid{grid-template-columns:1fr}}.hero-post{min-height:0;padding:4.5rem 0 8.5rem}.hero-post h1{font-size:clamp(1.9rem,4.2vw,3.1rem);line-height:1.15}.hero-post .eyebrow{text-transform:uppercase}.hero-post-back{display:inline-block;margin-bottom:1.6rem;font-size:.88rem;font-weight:600;color:#ffffffbf;transition:color .2s ease}.hero-post-back:hover{color:#fff}.hero-post-tags{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.6rem}.hero-post-tags li{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:.22rem .75rem;font-size:.78rem;font-weight:600}.blog-post{padding-top:0}.blog-post-container{max-width:74ch}.blog-post-cover{position:relative;z-index:2;aspect-ratio:16 / 9;margin:-6rem 0 2.6rem;background-size:cover;background-position:center;border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.blog-post-back{margin-top:1.5rem}.blog-post-content{color:var(--ink);font-size:1.02rem;line-height:1.75}.blog-post-content h2{max-width:none;font-size:1.5rem;margin:2.2rem 0 1rem}.blog-post-content h3{max-width:none;font-size:1.2rem;margin:1.8rem 0 .8rem}.blog-post-content p{margin-bottom:1.2rem;color:var(--muted)}.blog-post-content ul,.blog-post-content ol{margin:0 0 1.2rem 1.4rem;color:var(--muted)}.blog-post-content li{margin-bottom:.5rem;line-height:1.65}.blog-post-content strong{color:var(--ink)}.blog-post-content a{color:var(--brand-strong);text-decoration:underline}.blog-post-content blockquote{border-left:3px solid var(--brand);background:#0e6ba80a;padding:1rem 1.4rem;border-radius:var(--radius-sm);margin:1.6rem 0;color:var(--muted);font-style:italic}.blog-post-content code{background:#13213d0f;border-radius:4px;padding:.15rem .4rem;font-size:.9em}.blog-post-content pre{background:#0f1c33;color:#e8f1ff;border-radius:var(--radius-sm);padding:1.2rem;overflow-x:auto;margin-bottom:1.4rem}.blog-post-content table{width:100%;margin:1.4rem 0 1.8rem;border-collapse:collapse;font-size:.94rem;line-height:1.5;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;display:block;overflow-x:auto}.blog-post-content th,.blog-post-content td{padding:.7rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);color:var(--muted)}.blog-post-content th{background:#0e6ba80f;color:var(--ink);font-weight:700}.blog-post-content tr:last-child td{border-bottom:none}.blog-post-content td:first-child{color:var(--ink);font-weight:600}.blog-post-content pre code{background:none;padding:0;color:inherit}
