.blog-detail{min-height:70vh;padding:60px 0 80px}.blog-detail__back{color:#238997;align-items:center;gap:8px;margin-bottom:30px;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.blog-detail__back:hover{color:#19636e;gap:12px}.blog-detail__back svg{flex-shrink:0}.blog-detail__article{max-width:100%;margin:0 auto}.blog-detail__header{margin-bottom:40px}.blog-detail__meta{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:20px;display:flex}.blog-detail__date,.blog-detail__time{color:#666;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:15px;display:flex}.blog-detail__date svg,.blog-detail__time svg{color:#238997;flex-shrink:0}.blog-detail__title{color:#1a1a1a;margin:0 0 20px;font-family:Roboto,sans-serif;font-size:48px;font-weight:700;line-height:1.2}@media (max-width:768px){.blog-detail__title{font-size:36px}}@media (max-width:480px){.blog-detail__title{font-size:28px}}.blog-detail__excerpt{color:#666;margin:0;font-family:Inter,sans-serif;font-size:20px;font-weight:400;line-height:1.6}@media (max-width:768px){.blog-detail__excerpt{font-size:18px}}@media (max-width:480px){.blog-detail__excerpt{font-size:16px}}.blog-detail__featured-image{border-radius:20px;width:100%;height:500px;margin-bottom:40px;overflow:hidden}.blog-detail__featured-image img{object-fit:cover;width:100%;height:100%}@media (max-width:768px){.blog-detail__featured-image{border-radius:16px;height:350px}}@media (max-width:480px){.blog-detail__featured-image{border-radius:12px;height:250px;margin-bottom:30px}}.blog-detail__content{color:#333;font-family:Inter,sans-serif;font-size:18px;line-height:1.8}.blog-detail__content h1{margin:40px 0 20px;line-height:2.5rem!important}.blog-detail__content p{margin-bottom:20px}.blog-detail__content h2{color:#1a1a1a;margin:40px 0 20px;font-family:Roboto,sans-serif;font-size:32px;font-weight:700}@media (max-width:768px){.blog-detail__content h2{font-size:28px}}.blog-detail__content h3{color:#1a1a1a;margin:30px 0 16px;font-family:Roboto,sans-serif;font-size:26px;font-weight:600}@media (max-width:768px){.blog-detail__content h3{font-size:22px}}.blog-detail__content h4{color:#1a1a1a;margin:24px 0 12px;font-family:Roboto,sans-serif;font-size:22px;font-weight:600}@media (max-width:768px){.blog-detail__content h4{font-size:20px}}.blog-detail__content ul,.blog-detail__content ol{margin:20px 0;padding-left:30px}.blog-detail__content ul li,.blog-detail__content ol li{margin-bottom:10px}.blog-detail__content blockquote{color:#555;background:#f8f8f8;border-left:4px solid #238997;border-radius:0 8px 8px 0;margin:30px 0;padding:16px 24px;font-style:italic}.blog-detail__content code{color:#d63384;background:#f5f5f5;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:16px}.blog-detail__content pre{color:#f8f8f8;background:#1a1a1a;border-radius:8px;margin:24px 0;padding:20px;overflow-x:auto}.blog-detail__content pre code{color:inherit;background:0 0;padding:0}.blog-detail__content img{border-radius:12px;max-width:100%;height:auto;margin:24px 0}.blog-detail__content a{color:#238997;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .3s}.blog-detail__content a:hover{border-bottom-color:#238997}@media (max-width:768px){.blog-detail__content{font-size:16px}}@media (max-width:480px){.blog-detail__content{font-size:15px;line-height:1.7}}.blog-detail__tags{border-top:1px solid #e0e0e0;margin-top:50px;padding-top:30px}.blog-detail__tags h4{color:#1a1a1a;margin-bottom:16px;font-family:Roboto,sans-serif;font-size:18px;font-weight:600}.blog-detail__tags-list{flex-wrap:wrap;gap:12px;display:flex}.blog-detail__tag{color:#238997;background:#f1f1f1;border-radius:20px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .3s;display:inline-block}.blog-detail__tag:hover{color:#fff;background:#238997}.blog-detail__footer{text-align:center;border-top:1px solid #e0e0e0;max-width:900px;margin:60px auto 0;padding-top:40px}.blog-detail__back-button{color:#fff;cursor:pointer;background-color:#238997;border:2px solid #238997;border-radius:60px;justify-content:center;align-items:center;gap:8px;height:70px;padding:0 28px;font-family:Roboto,sans-serif;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.blog-detail__back-button:hover{color:#238997;background-color:#0000;gap:12px}.blog-detail__back-button svg{flex-shrink:0}@media (max-width:768px){.blog-detail__back-button{height:50px;padding:0 24px;font-size:15px}}@media (max-width:480px){.blog-detail__back-button{width:100%;max-width:280px;height:48px;padding:0 20px;font-size:14px}}.blog-detail__error{text-align:center;padding:100px 20px}.blog-detail__error h2{color:#1a1a1a;margin-bottom:16px;font-family:Roboto,sans-serif;font-size:36px;font-weight:700}.blog-detail__error p{color:#666;margin-bottom:30px;font-family:Inter,sans-serif;font-size:18px}.blog-detail__error .blog-detail__back-button{margin-top:20px}@media (max-width:768px){.blog-detail{padding:60px 0}.blog-detail__back{margin-bottom:25px;font-size:15px}.blog-detail__header{margin-bottom:30px}.blog-detail__meta{gap:20px;margin-bottom:16px}.blog-detail__date,.blog-detail__time{gap:6px;font-size:14px}.blog-detail__date svg,.blog-detail__time svg{width:16px;height:16px}.blog-detail__footer{margin-top:50px;padding-top:30px}}@media (max-width:480px){.blog-detail{padding:50px 0 40px}.blog-detail__back{margin-bottom:20px;font-size:14px}.blog-detail__header{margin-bottom:25px}.blog-detail__meta{gap:16px;margin-bottom:14px}.blog-detail__date,.blog-detail__time{gap:5px;font-size:13px}.blog-detail__date svg,.blog-detail__time svg{width:15px;height:15px}.blog-detail__tags{margin-top:40px;padding-top:25px}.blog-detail__tags h4{margin-bottom:12px;font-size:16px}.blog-detail__tags-list{gap:10px}.blog-detail__tag{padding:6px 14px;font-size:13px}.blog-detail__footer{margin-top:40px;padding-top:25px}}