.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.blog-card{background:var(--grad-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);flex-direction:column;height:100%;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-hover);transform:translateY(-5px)}.blog-card-media{aspect-ratio:16/10;background:var(--color-bg-alt);position:relative;overflow:hidden}.blog-card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-smooth)}.blog-card:hover .blog-card-media img{transform:scale(1.04)}.blog-card-body{flex-direction:column;flex:1;gap:.75rem;padding:1.6rem;display:flex}.blog-card-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-navy);margin:0;font-size:1.22rem;font-weight:800;line-height:1.3}.blog-card-excerpt{color:var(--color-text-secondary);margin:0;font-size:.95rem;line-height:1.7}.blog-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-block-start:auto;padding-block-start:.5rem;display:flex}.blog-readmore{color:var(--color-green-dark);transition:gap var(--transition-fast);align-items:center;gap:.4rem;font-size:.92rem;font-weight:700;display:inline-flex}.blog-card:hover .blog-readmore{gap:.7rem}.blog-arrow{align-items:center;display:inline-flex}.blog-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.5rem .85rem;font-size:.82rem;font-weight:600;display:flex}.blog-meta-dot{opacity:.5;background:currentColor;border-radius:50%;block-size:4px;inline-size:4px}.page-header .blog-meta{color:#ffffffb8;justify-content:center}.blog-article{max-width:760px;margin-inline:auto}.blog-cover{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);aspect-ratio:16/9;background:var(--color-bg-alt);margin-block-end:2.5rem;position:relative;overflow:hidden}.blog-cover img{object-fit:cover;width:100%;height:100%}.blog-lead{color:var(--color-text-secondary);border-inline-start:4px solid var(--color-green);margin-block-end:2.5rem;padding-inline-start:1.15rem;font-size:1.1rem;line-height:1.8}.blog-section{margin-block-end:2.5rem}.blog-section h2{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-navy);margin-block-end:.9rem;font-size:clamp(1.32rem,2.4vw,1.65rem);font-weight:800;line-height:1.25}.blog-section p{color:var(--color-text-secondary);margin-block-end:1rem;font-size:1.02rem;line-height:1.85}.blog-section p:last-child{margin-block-end:0}.blog-list{gap:.7rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.blog-list li{color:var(--color-text-secondary);padding-inline-start:1.75rem;font-size:1rem;line-height:1.75;position:relative}.blog-list li:before{content:"";background:var(--color-green);border-radius:50%;block-size:8px;inline-size:8px;position:absolute;inset-block-start:.62em;inset-inline-start:0;box-shadow:0 0 0 4px #00b8941f}.blog-faq{margin-block:3rem}.blog-faq h2{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-navy);margin-block-end:1.25rem;font-size:clamp(1.32rem,2.4vw,1.65rem);font-weight:800}.blog-faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);margin-block-end:.75rem;overflow:hidden}.blog-faq-item[open]{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.blog-faq-item summary{cursor:pointer;color:var(--color-navy);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.05rem 1.25rem;font-size:1rem;font-weight:700;list-style:none;display:flex}.blog-faq-item summary::-webkit-details-marker{display:none}.blog-faq-sign{block-size:22px;inline-size:22px;color:var(--color-green-dark);transition:transform var(--transition-fast);background:#00b8941a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-block-start:.1rem;font-size:1rem;line-height:1;display:inline-flex}.blog-faq-item[open] .blog-faq-sign{transform:rotate(45deg)}.blog-faq-item .blog-faq-answer{color:var(--color-text-secondary);margin:0;padding:0 1.25rem 1.15rem;font-size:.98rem;line-height:1.8}.blog-cta{background:var(--grad-hero);color:#fff;border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);margin-block:3rem;padding:clamp(1.75rem,4vw,2.75rem)}.blog-cta h2{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;margin-block-end:.75rem;font-size:clamp(1.28rem,2.4vw,1.6rem);font-weight:800}.blog-cta p{color:#ffffffc7;max-width:52ch;margin-block-end:1.5rem;margin-inline:auto;font-size:1rem;line-height:1.8}.blog-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.25rem;display:flex}.blog-cta-link{color:#ffffffd9;transition:color var(--transition-fast),border-color var(--transition-fast);border-block-end:1px solid #ffffff59;padding-block-end:2px;font-size:.92rem;font-weight:700}.blog-cta-link:hover{color:#fff;border-color:#fff}.blog-related{margin-block-start:3.5rem}.blog-related h2{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-navy);margin-block-end:1.5rem;font-size:clamp(1.28rem,2.4vw,1.6rem);font-weight:800}.blog-related-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.blog-related-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);padding:1.25rem 1.4rem;display:block}.blog-related-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.blog-related-card strong{font-family:var(--font-heading);color:var(--color-navy);margin-block-end:.45rem;font-size:1.02rem;font-weight:800;line-height:1.35;display:block}.blog-related-card span{color:var(--color-text-muted);font-size:.88rem}.blog-back{color:var(--color-green-dark);transition:gap var(--transition-fast);align-items:center;gap:.45rem;margin-block-start:3rem;font-size:.93rem;font-weight:700;display:inline-flex}.blog-back:hover{gap:.75rem}.blog-header-back{color:#ffffffc7;transition:color var(--transition-fast);align-items:center;gap:.45rem;margin-block-end:1.1rem;font-size:.88rem;font-weight:700;display:inline-flex}.blog-header-back:hover{color:#fff}@media (max-width:640px){.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-card-body{padding:1.3rem}.blog-lead{font-size:1.02rem}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-media img,.blog-related-card,.blog-readmore,.blog-back,.blog-faq-sign{transition:none}.blog-card:hover,.blog-related-card:hover,.blog-card:hover .blog-card-media img{transform:none}}
