.blog-container{color:#111;max-width:950px;margin:0 auto;padding:100px 20px;font-family:Poppins,Inter,Segoe UI,sans-serif}.blog-main-title{color:#222;margin-bottom:40px;font-size:2.2rem;font-weight:400}.blog-list{flex-direction:column;gap:80px;display:flex}.blog-card{flex-direction:column;width:100%;display:flex}.blog-image-wrapper{width:100%;margin-bottom:25px;position:relative;overflow:hidden}.blog-image-link{width:100%;display:block;overflow:hidden}.blog-image{object-fit:cover;width:100%;height:auto;max-height:500px;transition:transform .6s cubic-bezier(.25,1,.5,1);display:block}.blog-image-wrapper:hover .blog-image{transform:scale(1.04)}.blog-badge{color:#111;text-transform:uppercase;letter-spacing:.5px;z-index:2;background-color:#fff;border-radius:4px;padding:6px 14px;font-size:.75rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;position:absolute;top:20px;right:20px;box-shadow:0 2px 8px #0000000f}.blog-badge:hover{color:#fff;background-color:#111}.blog-title{color:#000;margin-bottom:15px;font-size:1.8rem;font-weight:300;line-height:1.3;transition:color .2s}.blog-title:hover{color:#555}.blog-description{color:#383838;margin-bottom:20px;font-size:18px;line-height:1.65}.blog-meta{color:#666;gap:15px;margin-bottom:30px;font-size:.95rem;display:flex}.blog-author{color:#111;font-weight:500}.blog-readmore-btn{cursor:pointer;background:#fff;border:1px solid #e2e2e2;border-radius:4px;align-items:center;gap:10px;width:fit-content;padding:12px 28px;font-size:.95rem;font-weight:500;transition:all .2s ease-in-out;display:inline-flex}.blog-readmore-btn:hover{background-color:#f9f9f9;border-color:#111}.blog-readmore-btn svg{transition:transform .2s}.blog-readmore-btn:hover svg{transform:translate(4px)}.blog-loading{color:#888;flex-direction:column;align-items:center;gap:16px;padding:60px 0;display:flex}.loading-spinner{border:2px solid #e0e0e0;border-top-color:#111;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.blog-error,.blog-empty{text-align:center;color:#888;padding:60px 0;font-size:1rem}.blog-detail-container{color:#111;max-width:860px;margin:0 auto;padding:100px 20px 80px;font-family:Poppins,Inter,Segoe UI,sans-serif}.blog-back-btn{cursor:pointer;color:#111;background:0 0;border:1px solid #e2e2e2;border-radius:4px;align-items:center;gap:8px;margin-bottom:40px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.blog-back-btn:hover{background-color:#f9f9f9;border-color:#111}.blog-detail-image-wrapper{border-radius:4px;width:100%;margin-bottom:32px;overflow:hidden}.blog-detail-image{object-fit:cover;width:100%;height:auto;max-height:520px;display:block}.blog-detail-meta{align-items:center;gap:14px;margin-bottom:16px;display:flex}.blog-badge-detail{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#111;border-radius:4px;padding:5px 12px;font-size:.72rem;font-weight:500}.blog-detail-date{color:#888;font-size:.9rem}.blog-detail-title{color:#111;margin-bottom:10px;font-size:2.4rem;font-weight:400;line-height:1.25}.blog-detail-author{color:#555;border-bottom:1px solid #ebebeb;margin-bottom:40px;padding-bottom:32px;font-size:20px;font-weight:400}.blog-detail-body{flex-direction:column;gap:0;display:flex}.blog-body-paragraph{color:#444;margin:0 0 20px;font-size:19px;line-height:1.75}.blog-body-h2{color:#111;margin:44px 0 16px;padding-bottom:10px;font-size:34px;font-weight:300;line-height:1.3}.blog-body-h3{color:#222;margin:28px 0 10px;font-size:1.2rem;font-weight:500}.blog-body-list{flex-direction:column;gap:8px;margin:0 0 22px;padding-left:22px;display:flex}.blog-body-list li{color:#444;font-size:19px;line-height:1.65}.blog-body-checklist{flex-direction:column;gap:16px;margin:0 0 24px;padding:0;list-style:none;display:flex}.blog-body-checklist li{color:#444;background:#fafafa;border-left:3px solid #111;border-radius:6px;align-items:flex-start;gap:12px;padding:14px 18px;font-size:20px;line-height:1.65;display:flex}.checklist-icon{color:#111;flex-shrink:0;margin-top:2px;font-size:.9rem;font-weight:700}.blog-table-wrapper{width:100%;margin:10px 0 28px;overflow-x:auto}.blog-table-caption{color:#666;margin-bottom:10px;font-size:20px;font-style:italic}.blog-table{border-collapse:collapse;text-align:left;width:100%;font-size:18px}.blog-table thead tr{color:#fff;background-color:#111}.blog-table thead th{letter-spacing:.3px;padding:13px 18px;font-size:18px;font-weight:500}.blog-table tbody tr{border:1px solid #ebebeb;transition:background-color .15s}.blog-table tbody tr:hover{background-color:#f9f9f9}.blog-table tbody td{color:#444;border:1px solid #ebebeb;padding:13px 18px;line-height:1.5}.blog-cta-block{background-color:#f5f5f5;border-left:4px solid #111;border-radius:8px;margin:28px 0;padding:24px 28px}.blog-cta-block p{color:#444;margin:0 0 12px;font-size:18px;line-height:1.65}.blog-cta-link{color:#111;border-bottom:1px solid #111;padding-bottom:1px;font-size:18px;font-weight:400;text-decoration:none;transition:opacity .2s;display:inline-block}.blog-cta-link:hover{opacity:.6}.blog-readmore-inline{color:#666;margin:10px 0 24px;font-size:24px;font-style:italic}.blog-inline-link{color:#111;text-underline-offset:3px;font-weight:500;text-decoration:underline;transition:opacity .2s}.blog-inline-link:hover{opacity:.6}.blog-faq-list{flex-direction:column;gap:0;margin-top:8px;display:flex}.blog-faq-item{padding:20px 0}.blog-faq-item:last-child{border-bottom:none}.blog-faq-q{color:#111;margin:0 0 8px;font-size:30px;font-weight:400;line-height:1.5}.blog-faq-a{color:#555;margin:0;font-size:20px;line-height:1.7}@media (max-width:640px){.blog-detail-title{font-size:1.7rem}.blog-body-h2{font-size:1.3rem}.blog-body-h3{font-size:1.05rem}.blog-table thead th,.blog-table tbody td{padding:10px 12px;font-size:.88rem}.blog-main-title{font-size:1.8rem}.blog-title{font-size:1.4rem}}
