.blog-page{min-height:calc(100vh - 384px);padding-bottom:64px}@media (width>=768px){.blog-page{padding-bottom:96px}}.blog-post-shell{flex-direction:column;min-height:100vh;display:flex;overflow-x:clip}.prose{overflow-wrap:break-word;word-break:break-word}.prose pre{max-width:100%;overflow-x:auto}.prose img{max-width:100%;height:auto}.prose h1{letter-spacing:-.02em;color:var(--color-navy);margin-top:0;margin-bottom:.6em;font-size:clamp(2.25rem,5.6vw + .6rem,4.75rem);font-weight:800;line-height:1.06}.prose h2{letter-spacing:-.015em;color:var(--color-navy);margin-top:1.6em;margin-bottom:.6em;font-size:clamp(1.75rem,2.6vw + 1rem,2.75rem);font-weight:800;line-height:1.14}.prose h3{color:var(--color-navy);margin-top:1.4em;margin-bottom:.5em;font-size:clamp(1.125rem,.6vw + 1rem,1.375rem);font-weight:700;line-height:1.3}.prose h4{color:var(--color-navy);margin-top:1.2em;margin-bottom:.5em;font-size:1.05rem;font-weight:700;line-height:1.35}.prose>h2:first-child,.prose>h3:first-child{margin-top:0}.prose p{margin:0 0 1.1em;line-height:1.7}.prose ul,.prose ol{margin:0 0 1.1em;padding-left:1.4em;line-height:1.7}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li{margin-bottom:.4em}.prose-cta{background:var(--color-green-100);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:2em 0;padding:20px 24px;display:flex}.prose-cta p{color:var(--color-navy);flex:240px;margin:0;font-weight:600}.prose-cta .btn{flex:none}@media (width<=480px){.btn:not(.blog-search-submit){white-space:normal;text-align:center;width:100%;padding:14px 20px}.prose-cta{flex-direction:column;justify-content:flex-start;align-items:stretch}.prose-cta p{flex:none}.prose-cta .btn:not(.blog-search-submit){flex:none;margin-top:4px}}.related-posts{border-top:1px solid var(--color-border);margin-top:3.5em;padding-top:2.5em}.related-posts-title{margin:0 0 20px}.related-posts-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=640px){.related-posts-grid{grid-template-columns:repeat(2,1fr)}}.blog-hero{align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}@media (width>=768px){.blog-hero{min-height:440px}}.blog-hero-compact{min-height:220px}.blog-hero-img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.blog-hero-overlay{background:linear-gradient(#0c15298c 0%,#0c1529bf 100%);position:absolute;inset:0}.blog-hero-content{z-index:1;color:#fff;position:relative}.blog-hero-title{color:#fff}.blog-hero-subtitle{color:#ffffffe0;max-width:640px;margin-top:12px}.blog-search-bar-wrap{width:100%;max-width:520px;margin-top:32px;position:relative}.blog-search-form{gap:10px;width:100%;display:flex}.blog-search-input{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);min-width:0;font-family:var(--font-family);color:var(--color-navy);flex:1;padding:14px 18px;font-size:15px}.blog-search-input:focus{border-color:var(--color-primary);outline:none}.blog-search-submit{cursor:pointer;color:var(--color-white);padding:14px 18px}.blog-search-empty{color:var(--color-muted-ink);margin-top:24px}.blog-search-dropdown{border:1px solid var(--color-border);border-radius:var(--radius-sm);z-index:20;background:#fff;max-height:400px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto;box-shadow:0 4px 10px #0c15290f,0 16px 32px #0c15291f}.blog-search-dropdown-item{border-bottom:1px solid var(--color-border);flex-direction:column;gap:3px;padding:12px 16px;display:flex}.blog-search-dropdown-item:hover,.blog-search-dropdown-item:focus-visible{background:var(--color-green-100)}.blog-search-dropdown-title{color:var(--color-navy);font-size:14px;font-weight:600}.blog-search-dropdown-desc{color:var(--color-muted-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.blog-search-dropdown-viewall{color:var(--color-primary-dark);align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.blog-search-dropdown-viewall:hover{background:var(--color-green-100)}.blog-search-dropdown-empty{color:var(--color-muted-ink);margin:0;padding:16px;font-size:14px}@media (width<=480px){.blog-search-bar-wrap{max-width:100%;margin-top:24px}.blog-search-form{gap:8px}.blog-search-input{padding:12px 14px;font-size:16px}.blog-search-submit{flex:none;justify-content:center;align-items:center;width:48px;padding:0;display:inline-flex}.blog-search-dropdown{max-height:min(400px,60vh);left:0;right:0}.blog-search-dropdown-desc{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.blog-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex;position:relative}.blog-filter-group{position:relative}.blog-filter-trigger{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);color:var(--color-navy);font-family:var(--font-family);cursor:pointer;background:#fff;align-items:center;gap:10px;padding:11px 16px;font-size:14px;font-weight:600;transition:border-color .18s,background-color .18s;display:inline-flex}.blog-filter-trigger:hover{border-color:var(--color-primary)}.blog-filter-trigger.is-active{border-color:var(--color-primary);background:var(--color-green-100)}.blog-filter-trigger .details-chevron{font-size:11px;transition:transform .2s}.blog-filter-trigger[aria-expanded=true] .details-chevron{transform:rotate(180deg)}.blog-filter-panel{z-index:15;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;min-width:240px;max-height:320px;padding:10px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 4px 10px #0c15290f,0 16px 32px #0c15291f}@media (width<=480px){.blog-filter-panel{min-width:0;left:0;right:0}}.blog-filter-option{color:var(--color-navy);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.blog-filter-option:hover{background:var(--color-green-100)}.blog-filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.blog-filter-clear{border-top:1px solid var(--color-border);width:100%;color:var(--color-muted-ink);font-family:var(--font-family);cursor:pointer;text-align:left;background:0 0;border-bottom:none;border-left:none;border-right:none;margin-top:4px;padding:8px 10px;font-size:13px;font-weight:600}.blog-filter-clear:hover{color:var(--color-navy)}.blog-filter-reset-all{border-radius:var(--radius-sm);color:var(--color-primary-dark);font-family:var(--font-family);cursor:pointer;background:0 0;border:none;padding:11px 16px;font-size:14px;font-weight:600}.blog-filter-reset-all:hover{text-decoration:underline}@media (width<=480px){.blog-filter-bar{flex-wrap:nowrap}.blog-filter-group{flex:1 1 0;min-width:0}.blog-filter-trigger{justify-content:center;width:100%}.blog-filter-reset-all{flex:none}}.blog-active-filters{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.blog-active-filters:empty{margin-top:0}.active-filter-chip{background:var(--color-navy);color:#fff;font-family:var(--font-family);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 14px;font-size:13px;font-weight:600;display:inline-flex}.active-filter-chip i{opacity:.75;font-size:11px}.active-filter-chip:hover i{opacity:1}.blog-filter-count{color:var(--color-muted-ink);min-height:1em;margin:16px 0 0;font-size:13px;font-weight:600}.blog-grid{grid-template-columns:1fr;gap:28px;margin-top:48px;display:grid}@media (width>=640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-grid-item[hidden]{display:none}.blog-pagination{justify-content:center;align-items:center;gap:20px;margin:56px 0 80px;display:flex}.blog-pagination[hidden]{display:none}.blog-pagination-status{color:var(--color-muted-ink);font-size:14px;font-weight:600}@media (width<=480px){.blog-pagination{flex-wrap:wrap;justify-content:center;gap:12px;margin:40px 0 56px}.blog-pagination-status{text-align:center;flex:100%;order:-1}.blog-pagination .btn{text-align:center;flex:1 1 0;min-width:0}}.tag-pill{background:var(--color-green-100);color:var(--color-navy);border-radius:999px;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;transition:background-color .18s,color .18s;display:inline-flex}.tag-pill:hover{background:var(--color-primary);color:#fff}.tag-pill-static{pointer-events:none}.blog-tag-nav{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.blog-card-link{border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;height:100%;display:flex;overflow:hidden}.blog-card-image-wrap{aspect-ratio:4/3;position:relative;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.lift-card:hover .blog-card-image{transform:scale(1.04)}.blog-card-image-fallback{background:linear-gradient(135deg, var(--color-green-100), var(--color-green-200));width:100%;height:100%}.blog-card-tags-overlay{gap:8px;display:flex;position:absolute;top:14px;left:14px}.blog-card-tags-overlay .tag-pill{backdrop-filter:blur(4px);background:#ffffffeb}.blog-card-body{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.blog-card-title{margin:0}.blog-card-desc{color:var(--color-muted-ink);flex:1;font-size:14px;line-height:1.55}.blog-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.blog-card-date{color:var(--color-muted-ink);font-size:13px;font-weight:600}.blog-card-cta{color:var(--color-primary-dark);align-items:center;gap:8px;font-size:14px;font-weight:600;transition:gap .2s;display:inline-flex}.blog-card-cta i{font-size:12px;transition:transform .2s}.lift-card:hover .blog-card-cta{gap:12px}.lift-card:hover .blog-card-cta i{transform:translate(2px)}.blog-scroll-progress-track{z-index:50;pointer-events:none;background:0 0;width:100%;height:3px;position:fixed;top:0;left:0}#blog-scroll-progress{background:var(--color-primary);width:0%;height:100%}
