.blogpost-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:var(--navbar-h)}.blogpost-loading__spinner{width:40px;height:40px;border:3px solid var(--grey-200);border-top-color:var(--blue-primary);border-radius:50%;animation:blogpost-spin .9s linear infinite}@keyframes blogpost-spin{to{transform:rotate(360deg)}}.blogpost-notfound{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--navbar-h) var(--section-pad-x) 80px;text-align:center;gap:12px}.blogpost-notfound h1{font-size:28px;font-weight:700;color:var(--charcoal-deeper);margin:0}.blogpost-notfound p{font-size:15px;color:var(--charcoal);margin:0}.blogpost-notfound__back{margin-top:8px;font-size:14px;font-weight:600;color:var(--blue-primary);text-decoration:none}.blogpost-notfound__back:hover{text-decoration:underline}.blogpost-header{background:var(--off-white);padding:140px var(--section-pad-x) 64px;border-bottom:1px solid var(--grey-200)}.blogpost-header__inner{max-width:760px;margin:0 auto}.blogpost-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px}.blogpost-breadcrumb a{font-size:13px;color:var(--charcoal);text-decoration:none;transition:color var(--transition-base)}.blogpost-breadcrumb a:hover{color:var(--blue-primary)}.blogpost-breadcrumb span{font-size:13px;color:var(--grey-300)}.blogpost-breadcrumb span:last-child{color:var(--charcoal-deeper);font-weight:500}.blogpost-category{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-primary);background:#2563eb14;padding:4px 12px;border-radius:999px;margin-bottom:16px}.blogpost-title{font-size:clamp(28px,4vw,52px);font-weight:800;color:var(--charcoal-deeper);line-height:1.15;letter-spacing:-.025em;margin:0 0 20px}.blogpost-excerpt{font-size:clamp(15px,1.5vw,18px);color:var(--charcoal);line-height:1.75;margin:0 0 24px}.blogpost-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;color:var(--dot-grey);padding-top:20px;border-top:1px solid var(--grey-200)}.blogpost-meta__dot{width:3px;height:3px;border-radius:50%;background:var(--grey-300)}.blogpost-cover{max-width:900px;margin:0 auto;padding:0 var(--section-pad-x)}.blogpost-cover img{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius-lg);display:block;margin-top:-24px;box-shadow:var(--shadow-lg)}.blogpost-body{background:#fff;padding:64px var(--section-pad-x) 80px}.blogpost-body__inner{max-width:760px;margin:0 auto}.blogpost-prose{font-size:clamp(15px,1.5vw,17px);line-height:1.85;color:var(--charcoal)}.blogpost-prose h2{font-size:clamp(20px,2.2vw,28px);font-weight:800;color:var(--charcoal-deeper);letter-spacing:-.02em;margin:48px 0 16px;line-height:1.25}.blogpost-prose h3{font-size:clamp(17px,1.8vw,22px);font-weight:700;color:var(--charcoal-deeper);margin:36px 0 12px;line-height:1.3}.blogpost-prose p{margin:0 0 20px}.blogpost-prose strong{color:var(--charcoal-deeper);font-weight:700}.blogpost-prose em{font-style:italic}.blogpost-prose code{font-family:var(--font-mono);font-size:13px;background:var(--off-white);border:1px solid var(--grey-200);padding:2px 6px;border-radius:4px;color:var(--blue-primary)}.blogpost-prose ul{margin:0 0 24px;padding-left:0;list-style:none}.blogpost-prose ul li{position:relative;padding-left:20px;margin-bottom:10px;font-size:15px;line-height:1.7}.blogpost-prose ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--blue-primary)}.blogpost-prose ol{margin:0 0 24px;padding-left:20px}.blogpost-prose ol li{margin-bottom:10px;font-size:15px;line-height:1.7}.blogpost-checklist-item{font-family:var(--font-mono);font-size:13px!important;color:var(--charcoal)}.blogpost-checklist-item:before{display:none!important}.blogpost-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;overflow-x:auto;display:block}.blogpost-table th{background:var(--off-white);color:var(--charcoal-deeper);font-weight:700;padding:12px 16px;text-align:left;border:1px solid var(--grey-200);font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-mono)}.blogpost-table td{padding:12px 16px;border:1px solid var(--grey-200);color:var(--charcoal);vertical-align:top;line-height:1.6}.blogpost-table tr:nth-child(2n) td{background:var(--off-white)}.blogpost-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:48px;padding-top:32px;border-top:1px solid var(--grey-200)}.blogpost-tag{font-family:var(--font-mono);font-size:11px;color:var(--charcoal);background:var(--off-white);border:1px solid var(--grey-200);padding:5px 12px;border-radius:999px;letter-spacing:.05em}.blogpost-cta{background:var(--off-white);border-top:1px solid var(--grey-200);padding:48px var(--section-pad-x)}.blogpost-cta__inner{max-width:760px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.blogpost-cta__label{font-family:var(--font-mono);font-size:11px;color:var(--dot-grey);text-transform:uppercase;letter-spacing:.1em;margin:0 0 6px}.blogpost-cta__heading{font-size:20px;font-weight:700;color:var(--charcoal-deeper);margin:0}.blogpost-cta__actions{display:flex;gap:12px}.blogpost-cta__btn{padding:11px 22px;border-radius:var(--radius-md);font-size:14px;font-weight:600;text-decoration:none;transition:all var(--transition-base)}.blogpost-cta__btn--outline{border:1.5px solid var(--grey-300);color:var(--charcoal-deeper)}.blogpost-cta__btn--outline:hover{border-color:var(--charcoal-deeper);transform:translateY(-1px)}.blogpost-cta__btn--primary{background:var(--blue-primary);color:#fff}.blogpost-cta__btn--primary:hover{background:var(--blue-hover);transform:translateY(-1px)}@media (max-width: 640px){.blogpost-cta__inner{flex-direction:column;align-items:flex-start}.blogpost-breadcrumb{display:none}}