.blogpost-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);display:flex}.blogpost-breadcrumb a{color:var(--color-teal);font-weight:500;text-decoration:none}.blogpost-breadcrumb a:hover{text-decoration:underline}.blogpost-breadcrumb__sep{color:var(--color-border)}.blogpost-header{margin-bottom:var(--space-8)}.blogpost-header__tags{margin-bottom:var(--space-3)}.blogpost-title{font-family:var(--font-heading);font-size:var(--text-4xl);color:var(--color-charcoal);margin-bottom:var(--space-4);font-weight:800;line-height:1.2}.blogpost-meta{gap:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.blogpost-hero-image{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:420px;margin-bottom:var(--space-8)}.blogpost-body{font-family:var(--font-body);color:var(--color-text);border:none;padding:0;font-size:1.0625rem;line-height:1.8}.blogpost-body h1,.blogpost-body h2,.blogpost-body h3,.blogpost-body h4{font-family:var(--font-heading);color:var(--color-charcoal);margin-top:var(--space-10);margin-bottom:var(--space-3);font-weight:700;line-height:1.25}.blogpost-body h2{font-size:var(--text-2xl)}.blogpost-body h3{font-size:var(--text-xl)}.blogpost-body h4{font-size:var(--text-lg)}.blogpost-body p{margin-bottom:var(--space-5)}.blogpost-body ul,.blogpost-body ol{padding-left:var(--space-6);margin-bottom:var(--space-5)}.blogpost-body li{margin-bottom:var(--space-2)}.blogpost-body blockquote{border-left:4px solid var(--color-teal);padding:var(--space-3) var(--space-6);margin:var(--space-6) 0;background:var(--color-bg-alt);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-light);font-style:italic}.blogpost-body a{color:var(--color-teal);text-decoration:underline}.blogpost-body a:hover{color:var(--color-teal-dark)}.blogpost-body img{border-radius:var(--radius-md);max-width:100%;margin:var(--space-4) 0}:is(.blogpost-body p:has(>img[style*="float: left"]),.blogpost-body p:has(>img[style*=float\:left]),.blogpost-body p:has(>img[style*="float: right"]),.blogpost-body p:has(>img[style*=float\:right])){display:contents}.blogpost-body img[style*="float: left"],.blogpost-body img[style*=float\:left]{margin:4px 20px 16px 0!important}.blogpost-body img[style*="float: right"],.blogpost-body img[style*=float\:right]{margin:4px 0 16px 20px!important}.blogpost-body:after{content:"";clear:both;display:table}@media (width<=600px){.blogpost-body img[style*="float: left"],.blogpost-body img[style*=float\:left],.blogpost-body img[style*="float: right"],.blogpost-body img[style*=float\:right]{float:none!important;width:100%!important;margin:0 0 16px!important}}.blogpost-body table{border-collapse:collapse;width:100%;margin:var(--space-6) 0;font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.blogpost-body th{background:var(--color-navy);color:var(--color-white);font-family:var(--font-heading);text-align:left;padding:var(--space-3) var(--space-4);font-weight:700;font-size:var(--text-sm)}.blogpost-body td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:top}.blogpost-body tr:last-child td{border-bottom:none}.blogpost-body tr:nth-child(2n) td{background:var(--color-bg-alt)}@media (width<=600px){.blogpost-body table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}.blogpost-body pre,.blogpost-body code{background:var(--color-bg-alt);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.9em}.blogpost-body pre{padding:var(--space-4);margin-bottom:var(--space-5);border:1px solid var(--color-border);overflow-x:auto}.blogpost-body code{padding:2px 6px}.blogpost-footer{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.blogpost-back{color:var(--color-teal);font-weight:600;font-size:var(--text-sm);text-decoration:none}.blogpost-back:hover{text-decoration:underline}.blogpost-notfound{text-align:center;padding:var(--space-20) 0}.blogpost-notfound h1{font-family:var(--font-heading);font-size:var(--text-3xl);margin-bottom:var(--space-4)}.blogpost-notfound p{color:var(--color-text-light);margin-bottom:var(--space-6)}.blogpost-skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-border-light) 50%, var(--color-border) 75%);border-radius:var(--radius-lg);height:600px;margin-top:var(--space-8);background-size:200% 100%;animation:1.4s infinite shimmer}.post-layout{margin:var(--space-6) 0;align-items:start;gap:24px;display:grid}.post-layout--img-left{grid-template-columns:1fr 1fr}.post-layout--img-left .post-layout__img{order:1}.post-layout--img-left .post-layout__text{order:2}.post-layout--img-right{grid-template-columns:1fr 1fr}.post-layout--img-right .post-layout__text{order:1}.post-layout--img-right .post-layout__img{order:2}.post-layout--2col{grid-template-columns:1fr 1fr}.post-layout--3col{grid-template-columns:1fr 1fr 1fr}.post-layout__col,.post-layout__img,.post-layout__text{min-width:0}.post-layout__img img{border-radius:var(--radius-md);width:100%;height:auto;display:block}@media (width<=680px){.post-layout--img-left,.post-layout--img-right,.post-layout--2col,.post-layout--3col{grid-template-columns:1fr}.post-layout--img-left .post-layout__img,.post-layout--img-right .post-layout__img{order:0}.post-layout--img-left .post-layout__text,.post-layout--img-right .post-layout__text{order:1}}@media (width<=768px){.blogpost-title{font-size:var(--text-2xl)}.blogpost-meta{gap:var(--space-3);font-size:var(--text-xs)}.blogpost-body{font-size:1rem}.blogpost-body h2{font-size:var(--text-xl)}.blogpost-body h3{font-size:var(--text-lg)}.blogpost-footer{flex-direction:column;align-items:flex-start}.blogpost-footer .btn{text-align:center;width:100%}}