.blog-page{background-color:var(--offwhite-50);min-height:100vh}.blog-hero{background:linear-gradient(135deg,#1a2a1a 0%,#2d3a20 40%,#3d4a2d 100%);justify-content:center;align-items:center;width:100%;height:340px;display:flex;position:relative;overflow:hidden}.blog-hero:after{content:"";pointer-events:none;background:radial-gradient(at 60%,#7082382e 0%,#0000 70%);position:absolute;inset:0}.blog-hero-content{z-index:2;text-align:center;padding:0 1.5rem;position:relative}.blog-hero-title{color:var(--offwhite-50);letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.8rem;font-weight:700}.blog-hero-subtitle{color:#faf9f6cc;max-width:540px;margin:0 auto;font-size:1.15rem;font-weight:400;line-height:1.6}.blog-grid-section{max-width:1200px;margin:0 auto;padding:4rem 1.5rem 5rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;display:grid}.blog-card{background:#fff;border:1px solid #7082381a;border-radius:16px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.blog-card-header{padding:1.75rem 1.75rem 0}.blog-card-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.blog-card-category{color:var(--olive-700);text-transform:uppercase;letter-spacing:.04em;background:#7082381a;border-radius:20px;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.blog-card-date,.blog-card-readtime{color:#888;font-size:.8rem}.blog-card-dot{background:#ccc;border-radius:50%;width:3px;height:3px}.blog-card-title{color:var(--text-dark);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card-body{flex:1;padding:0 1.75rem}.blog-card-excerpt{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.925rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card-footer{margin-top:auto;padding:1.25rem 1.75rem 1.75rem}.blog-card-link{color:var(--olive-700);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;transition:gap .3s;display:inline-flex}.blog-card-link:hover{gap:.75rem;transform:none}.blog-card-link-arrow{font-size:1.1rem;transition:transform .3s}.blog-card-link:hover .blog-card-link-arrow{transform:translate(3px)}.blog-card-tags{flex-wrap:wrap;gap:.4rem;margin-top:1rem;padding:0 1.75rem;display:flex}.blog-tag{color:#999;background:#f5f5f5;border-radius:4px;padding:.2rem .5rem;font-size:.7rem}.blog-detail-page{background-color:var(--offwhite-50);min-height:100vh}.blog-detail-hero{background:linear-gradient(135deg,#1a2a1a 0%,#2d3a20 40%,#3d4a2d 100%);width:100%;padding:7rem 1.5rem 3.5rem;position:relative;overflow:hidden}.blog-detail-hero:after{content:"";pointer-events:none;background:radial-gradient(at 60%,#7082382e 0%,#0000 70%);position:absolute;inset:0}.blog-detail-hero-content{z-index:2;max-width:800px;margin:0 auto;position:relative}.blog-detail-breadcrumb{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.blog-detail-breadcrumb a{color:#faf9f699;transition:color .2s}.blog-detail-breadcrumb a:hover{color:var(--offwhite-50);transform:none}.blog-detail-breadcrumb span{color:#faf9f666}.blog-detail-breadcrumb .current{color:#faf9f6cc}.blog-detail-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.blog-detail-category{color:#faf9f6e6;text-transform:uppercase;letter-spacing:.04em;background:#70823833;border-radius:20px;padding:.3rem .75rem;font-size:.75rem;font-weight:600}.blog-detail-date,.blog-detail-readtime{color:#faf9f699;font-size:.85rem}.blog-detail-dot{background:#faf9f64d;border-radius:50%;width:3px;height:3px}.blog-detail-title{color:var(--offwhite-50);letter-spacing:-.02em;font-size:2.4rem;font-weight:700;line-height:1.25}.blog-detail-content{max-width:800px;margin:0 auto;padding:3rem 1.5rem 5rem}.blog-introduction{color:#444;white-space:pre-line;border-left:3px solid var(--olive-700);margin-bottom:2.5rem;padding-left:1.5rem;font-size:1.1rem;line-height:1.8}.blog-section{margin-bottom:2.5rem}.blog-section-title{color:var(--text-dark);margin-bottom:1rem;font-size:1.4rem;font-weight:700;line-height:1.35}.blog-section-content{color:#555;white-space:pre-line;font-size:1rem;line-height:1.8}.blog-faq{border-top:1px solid #70823826;margin-top:3rem;padding-top:2.5rem}.blog-faq-title{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.6rem;font-weight:700}.blog-faq-item{background:#fff;border:1px solid #70823814;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.blog-faq-question{color:var(--text-dark);margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.blog-faq-answer{color:#666;font-size:.95rem;line-height:1.7}.blog-cta{text-align:center;background:linear-gradient(135deg,#70823814 0%,#c7a76c0f 100%);border:1px solid #7082381f;border-radius:16px;margin-top:3rem;padding:2.5rem}.blog-cta-title{color:var(--text-dark);margin-bottom:.75rem;font-size:1.4rem;font-weight:700}.blog-cta-description{color:#666;max-width:600px;margin-bottom:1.25rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.7}.blog-cta-action{color:var(--olive-700);font-size:.95rem;font-weight:600}.blog-cta-button{background:var(--olive-700);color:var(--offwhite-50);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.85rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .3s,transform .2s;display:inline-flex}.blog-cta-button:hover{background:#5f6e2f;transform:translateY(-2px)}.blog-back-link{color:var(--olive-700);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;font-weight:500;display:inline-flex}.blog-back-link:hover{gap:.65rem;transform:none}.blog-author{color:#888;border-top:1px solid #0000000f;align-items:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem;font-size:.9rem;display:flex}.blog-author strong{color:var(--text-dark);font-weight:600}@media (max-width:768px){.blog-hero{height:260px}.blog-hero-title{font-size:2rem}.blog-hero-subtitle{font-size:1rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-grid-section{padding:2.5rem 1rem 3rem}.blog-detail-hero{padding:6rem 1rem 2.5rem}.blog-detail-title{font-size:1.7rem}.blog-detail-content{padding:2rem 1rem 3rem}.blog-introduction{font-size:1rem}.blog-section-title{font-size:1.2rem}.blog-cta{padding:1.75rem 1.25rem}.blog-faq-item{padding:1rem 1.25rem}}@media (max-width:480px){.blog-hero-title{font-size:1.6rem}.blog-card-header{padding:1.25rem 1.25rem 0}.blog-card-body{padding:0 1.25rem}.blog-card-footer{padding:1rem 1.25rem 1.25rem}.blog-card-tags{padding:0 1.25rem}}