.blog-detail-hero{text-align:center;background:linear-gradient(135deg,#0d3631 0%,#1a2a4a 100%);justify-content:center;align-items:center;min-height:350px;padding:120px 20px 60px;display:flex;position:relative}.blog-detail-hero-overlay{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.blog-detail-hero-content{z-index:1;max-width:800px;position:relative}.blog-detail-hero-title{font-family:var(--font-playfair), Georgia, serif;color:#fff;margin-bottom:20px;font-size:36px;font-weight:700;line-height:1.3}@media (min-width:768px){.blog-detail-hero-title{font-size:30px;line-height:1.5}}.blog-detail-breadcrumb{color:#ffffffb3;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.blog-detail-breadcrumb a{color:#ffffffb3;transition:color .3s}.blog-detail-breadcrumb a:hover{color:#a38b4d}.blog-detail-breadcrumb-separator{color:#fff6}.blog-detail-breadcrumb span:last-child{color:#fff}.blog-detail-layout{grid-template-columns:1fr;gap:48px;display:grid}@media (min-width:1024px){.blog-detail-layout{grid-template-columns:1fr 350px;gap:64px}}.blog-detail-content{max-width:100%}.blog-detail-featured-image{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;height:auto;margin-bottom:24px;box-shadow:0 8px 32px #00000026}.blog-detail-meta{color:#6b7280;align-items:center;gap:16px;margin-bottom:20px;font-size:14px;display:flex}.blog-detail-date{color:#a38b4d;font-weight:500}.blog-detail-intro{color:#4b5563;white-space:pre-line;margin-bottom:40px;font-size:16px;line-height:1.8}.blog-detail-sections{flex-direction:column;gap:32px;display:flex}.blog-detail-section{padding-left:0}.blog-detail-section-header{margin-bottom:12px}.blog-detail-section-number{color:#fff;background:#a38b4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.blog-detail-section-title{color:#0d3631;font-size:20px;font-weight:700;line-height:1.4}.blog-detail-section-content{color:#4b5563;white-space:pre-line;font-size:15px;line-height:1.8}.blog-detail-sidebar{position:relative}@media (min-width:1024px){.blog-detail-sidebar{align-self:start;position:sticky;top:100px}}.blog-detail-sidebar-title{color:#0d3631;margin-bottom:24px;font-size:22px;font-weight:700}.blog-detail-related{flex-direction:column;gap:24px;display:flex}.blog-detail-related-card{background:#f9fafb;border-radius:12px;transition:all .3s;display:block;overflow:hidden}.blog-detail-related-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.blog-detail-related-image{background:linear-gradient(135deg,#0d3631 0% 100%);justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.blog-detail-related-icon{opacity:.8;font-size:40px}.blog-detail-related-category{color:#fff;z-index:1;background:#a38b4d;border-radius:16px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.blog-detail-related-content{padding:16px}.blog-detail-related-title{color:#0d3631;margin-bottom:8px;font-size:16px;font-weight:700;line-height:1.4;transition:color .3s}.blog-detail-related-card:hover .blog-detail-related-title{color:#a38b4d}.blog-detail-related-excerpt{color:#6b7280;font-size:13px;line-height:1.5}.case-detail-hero{background:linear-gradient(135deg,#1a3a2a 0%,#0d2818 100%);min-height:400px}.case-detail-category{color:#fff;background:#a38b4d;border-radius:20px;margin-bottom:20px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-block}.case-detail-meta{margin-bottom:24px}.case-detail-date{color:#a38b4d;font-size:14px;font-weight:500}.case-related-image{background:linear-gradient(135deg,#1a3a2a 0%,#0d2818 100%)}