.blog-detail-page{background:#fff;width:100%;min-height:100vh;padding:clamp(16px,2vw,50px) 0}.blog-detail-container{max-width:min(800px,100%);margin:0 auto;padding:0 clamp(20px,4vw,40px)}.blog-detail-back{color:#279989;align-items:center;gap:8px;margin-bottom:clamp(24px,4vw,40px);font-size:clamp(14px,2vw,16px);font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.blog-detail-back:hover{color:#279989}.blog-detail-back span{font-size:1.2em}.blog-detail-meta{text-align:center;margin-bottom:clamp(16px,2vw,24px)}.blog-detail-reading-time{color:#6b7280;font-size:clamp(12px,1.5vw,14px);font-weight:700}.blog-detail-title{color:#111827;text-align:center;margin-bottom:clamp(24px,3vw,32px);font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.2}.blog-detail-author-date{text-align:center;color:#4b5563;margin-bottom:clamp(16px,2vw,24px);font-size:clamp(14px,2vw,16px);font-weight:700}.blog-detail-tag{color:#fff;text-align:center;background:#279989;border-radius:20px;width:fit-content;margin:0 auto clamp(32px,5vw,48px);padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);font-size:clamp(12px,1.5vw,14px);font-weight:600;display:block}.blog-detail-body{color:#374151;margin-top:clamp(32px,5vw,48px);font-size:clamp(16px,2vw,18px);line-height:1.8}.blog-detail-body .blog-detail-paragraph{margin-bottom:clamp(16px,2vw,24px)}.blog-detail-body .blog-detail-h1{color:#111827;margin:clamp(32px,4vw,48px) 0 clamp(16px,2vw,24px);font-size:clamp(32px,4vw,40px);font-weight:900;line-height:1.3}.blog-detail-body .blog-detail-h2{color:#111827;margin:clamp(28px,3.5vw,40px) 0 clamp(14px,2vw,20px);font-size:clamp(28px,3.5vw,36px);font-weight:900;line-height:1.3}.blog-detail-body .blog-detail-h3{color:#111827;margin:clamp(24px,3vw,32px) 0 clamp(12px,1.5vw,16px);font-size:clamp(24px,3vw,30px);font-weight:700;line-height:1.4}.blog-detail-body .blog-detail-ul,.blog-detail-body .blog-detail-ol{margin:clamp(16px,2vw,24px) 0;padding-left:clamp(24px,3vw,32px)}.blog-detail-body .blog-detail-li{margin-bottom:clamp(8px,1vw,12px)}.blog-detail-body .blog-detail-quote{color:#4b5563;border-left:4px solid #279989;margin:clamp(24px,3vw,32px) 0;padding-left:clamp(16px,2vw,24px);font-style:italic}.blog-detail-body .blog-detail-link{color:#279989;font-weight:700;text-decoration:underline;transition:color .2s}.blog-detail-body .blog-detail-link:hover{color:#279989}.blog-detail-cta-wrapper{margin-top:clamp(48px,6vw,64px);margin-bottom:clamp(32px,4vw,48px)}.blog-image-cta{cursor:pointer;text-align:center;border-radius:8px;width:100%;max-width:800px;margin:0 auto;transition:transform .3s;position:relative;overflow:hidden}.blog-image-cta:hover{transform:scale(1.02)}.blog-image-cta:active{transform:scale(.98)}.blog-image-cta:focus{outline-offset:4px;outline:2px solid #279989}.blog-image-cta .blog-image-cta-image{width:100%;height:auto;display:block}.blog-cta-wrapper{width:100%;padding:clamp(48px,6vw,80px) clamp(20px,4vw,40px)}.blog-cta-content{text-align:center;max-width:min(800px,100%);margin:0 auto}.blog-cta-title{color:#fff;margin-bottom:clamp(16px,2vw,24px);font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.2}.blog-cta-description{color:#ffffffe6;margin-bottom:clamp(32px,4vw,48px);font-size:clamp(16px,2vw,18px);line-height:1.6}.blog-cta-button{margin:0 auto}