.blog-post__hero{background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy-light, #2a3a6b) 100%);color:#fff;padding:48px 0 40px}.blog-post__back{display:block;color:#ffffffb3;text-decoration:none;font-size:.9rem;margin-bottom:20px;transition:color .2s}.blog-post__back:hover{color:#fff}.blog-post__category{display:inline-block;padding:4px 14px;border-radius:16px;background:#ffffff26;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}.blog-post__title{font-size:2.4rem;font-weight:700;line-height:1.2;margin:0 0 16px;max-width:800px}.blog-post__meta{font-size:.9rem;opacity:.8;display:flex;align-items:center;gap:8px}.blog-post__featured-wrap{margin-top:-24px;padding-bottom:40px}.blog-post__featured-image{width:100%;max-width:900px;margin:0 auto;display:block;border-radius:12px;box-shadow:0 8px 40px #1b214126;aspect-ratio:16 / 9;object-fit:cover}.blog-post__body{padding:0 0 64px}.blog-post__container{max-width:800px}.blog-post__content h2{font-size:1.5rem;font-weight:700;color:var(--color-navy);margin:40px 0 16px;padding-top:8px;border-top:1px solid var(--color-border, #eef0f4)}.blog-post__content h2:first-child{border-top:none;margin-top:0}.blog-post__content h3{font-size:1.2rem;font-weight:600;color:var(--color-navy);margin:28px 0 12px}.blog-post__content p{font-size:1.05rem;line-height:1.75;color:var(--color-text, #333);margin:0 0 16px}.blog-post__subtitle{font-size:1.15rem;font-style:italic;color:var(--color-text-muted, #555);margin:0 0 24px;padding-bottom:24px;border-bottom:2px solid var(--color-teal);line-height:1.6}.blog-post__content ul,.blog-post__content ol{margin:0 0 20px;padding-left:24px}.blog-post__content li{font-size:1rem;line-height:1.7;margin-bottom:6px;color:var(--color-text, #444)}.blog-post__figure{margin:32px 0}.blog-post__image{width:100%;border-radius:8px;object-fit:cover}.blog-post__content figure{margin:32px 0}.blog-post__content figure img{width:100%;border-radius:8px;object-fit:cover;height:auto}.blog-post__content a{color:var(--color-teal);text-decoration:underline;text-underline-offset:2px}.blog-post__content a:hover{color:var(--color-teal-dark, #0d8a7e)}.blog-post__table-wrap{overflow-x:auto;margin:24px 0}.blog-post__table{width:100%;border-collapse:collapse;font-size:.95rem}.blog-post__table th{background:var(--color-navy);color:#fff;padding:12px 16px;text-align:left;font-weight:600}.blog-post__table td{padding:10px 16px;border-bottom:1px solid var(--color-border, #eee)}.blog-post__table tr:nth-child(2n) td{background:#f9fafb}.blog-post__cta{margin:40px 0;padding:32px;background:linear-gradient(135deg,#f0faf9,#f8fffe);border-radius:12px;border-left:4px solid var(--color-teal)}.blog-post__cta p{margin:0 0 20px;font-size:1.05rem}.blog-post__cta-actions{display:flex;gap:12px;flex-wrap:wrap}.blog-post__cta-btn{display:inline-block;padding:10px 24px;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s;background:var(--color-teal);color:#fff}.blog-post__cta-btn:hover{background:var(--color-teal-dark, #0d8a7e)}.blog-post__cta-btn--outline{background:transparent;border:2px solid var(--color-teal);color:var(--color-teal)}.blog-post__cta-btn--outline:hover{background:var(--color-teal);color:#fff}.blog-post__disclaimer{margin-top:48px;padding:24px;background:#f8f9fb;border-radius:8px;font-size:.9rem;color:var(--color-text-muted, #666)}.blog-post__disclaimer h4{margin:0 0 8px;font-size:.95rem;color:var(--color-text, #444)}.blog-post__disclaimer p{margin:0;font-size:.88rem;line-height:1.6}.blog-post__related{padding:56px 0 72px;background:#f8f9fb}.blog-post__related-heading{font-size:1.6rem;font-weight:700;color:var(--color-navy);margin:0 0 32px;text-align:center}.blog-post__related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.blog-post__loading{padding:48px 0}.blog-post__loading-bar{height:4px;width:60%;max-width:320px;margin:0 auto;border-radius:2px;background:linear-gradient(90deg,var(--color-border, #eef0f4) 25%,var(--color-teal) 50%,var(--color-border, #eef0f4) 75%);background-size:200% 100%;animation:blog-shimmer 1.2s ease-in-out infinite}@keyframes blog-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.blog-post__title{font-size:1.6rem}.blog-post__hero{padding:36px 0 32px}.blog-post__featured-image{border-radius:8px}.blog-post__content h2{font-size:1.3rem}.blog-post__cta{padding:24px 20px}.blog-post__related-grid{grid-template-columns:1fr}}