.blog-detail-page{min-height:100vh;background:var(--primary-color)}.blog-detail-section{padding:4.5rem 0 6rem}.blog-detail-container{max-width:1100px;margin:0 auto;padding:0 24px}.blog-detail-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:1.75rem;font-family:var(--font-body);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--secondary-color);text-decoration:none;transition:color .2s,transform .2s}.blog-detail-back i{font-size:.8rem;transition:transform .2s}.blog-detail-back:hover{color:#ffffff}.blog-detail-back:hover i{transform:translateX(-3px)}.blog-detail-meta{display:flex;justify-content:center;margin-bottom:2.5rem}.blog-detail-date{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary-color)}.blog-detail-title{margin:0 0 2rem;text-align:center;font-family:var(--font-heading);font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700;line-height:1.25;color:#ffffff;letter-spacing:.01em}.blog-detail-image{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:20px;margin-bottom:2.5rem}.blog-detail-content{display:flex;flex-direction:column;gap:1.5rem}.blog-detail-heading{margin:1rem 0 0;font-family:var(--font-heading);font-size:clamp(1.4rem,2.6vw,1.9rem);color:#ffffff;letter-spacing:.01em;line-height:1.3}.blog-detail-paragraph{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.85;color:rgba(255,255,255)}.blog-detail-list strong,.blog-detail-paragraph strong{color:#ffffff;font-weight:700}.blog-detail-list em,.blog-detail-paragraph em{color:var(--secondary-color);font-style:italic}.blog-detail-link,.blog-detail-link strong{color:var(--secondary-color)!important;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.blog-detail-link:hover{color:#ffffff}.blog-detail-list{margin:0;padding:0;list-style:none;display:grid;grid-gap:14px;gap:14px}.blog-detail-list li{position:relative;padding-left:24px;font-family:var(--font-body);font-size:.98rem;line-height:1.8;color:rgba(255,255,255)}.blog-detail-list li:before{content:"";position:absolute;top:.65em;left:0;width:9px;height:9px;border-radius:999px;background:var(--secondary-color)}.blog-detail-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid rgba(224,192,171,.15)}.blog-detail-table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:.9rem}.blog-detail-table td,.blog-detail-table th{padding:14px 16px;text-align:left;white-space:nowrap;border-bottom:1px solid rgba(224,192,171,.15)}.blog-detail-table th{background:var(--primary-surface);color:var(--secondary-color);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.blog-detail-table td{color:rgba(255,255,255);white-space:normal}.blog-detail-table tr:last-child td{border-bottom:none}.blog-detail-faq{display:flex;flex-direction:column;gap:18px}.blog-detail-faq-item{border-radius:16px;background:var(--primary-surface);border:1px solid rgba(224,192,171,.15);overflow:hidden;transition:border-color .2s}.blog-detail-faq-item.is-open{border-color:rgba(224,192,171,.4)}.blog-detail-faq-question{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:20px 24px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font-heading);font-size:1.05rem;color:#ffffff}.blog-detail-faq-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:999px;background:rgba(224,192,171,.15);color:var(--secondary-color);font-size:.75rem}.blog-detail-faq-answer{padding:0 24px 20px}.blog-detail-faq-answer p{margin:0;font-family:var(--font-body);font-size:.95rem;line-height:1.75;color:rgba(255,255,255)}.blog-detail-cta{display:flex;flex-wrap:wrap;gap:14px;padding-top:4px}.blog-detail-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;border-radius:999px;text-decoration:none;font-family:var(--font-body);font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s,transform .2s}.blog-detail-cta-btn--primary{background:var(--secondary-color);border:1.5px solid var(--secondary-color);color:var(--primary-color)}.blog-detail-cta-btn--primary:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--secondary-color) 85%,var(--white-color))}.blog-detail-cta-btn--secondary{background:transparent;color:var(--secondary-color);border:1.5px solid var(--secondary-color)}.blog-detail-cta-btn--secondary:hover{background:var(--secondary-color);color:var(--primary-color);transform:translateY(-1px)}.blog-detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(224,192,171,.15)}.blog-detail-tag{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;background:var(--primary-surface);border:1px solid rgba(224,192,171,.2);color:var(--secondary-color);font-family:var(--font-body);font-size:.82rem;font-weight:600}.blog-detail-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:2.5rem}.blog-detail-nav-link{display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:16px;background:var(--primary-surface);border:1px solid rgba(224,192,171,.15);text-decoration:none;color:#ffffff;transition:transform .2s,border-color .2s}.blog-detail-nav-link:hover{transform:translateY(-2px);border-color:rgba(224,192,171,.45)}.blog-detail-nav-link i{color:var(--secondary-color);font-size:1.1rem;flex-shrink:0}.blog-detail-nav-link span{display:flex;flex-direction:column;gap:4px;font-family:var(--font-body);font-size:.95rem;line-height:1.4}.blog-detail-nav-link small{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary-color)}.blog-detail-nav-link--next{text-align:right;justify-content:flex-end}.blog-detail-nav-link--next span{align-items:flex-end}@media (max-width:640px){.blog-detail-section{padding:3rem 0 4rem}.blog-detail-container{padding:0 18px}.blog-detail-nav{grid-template-columns:1fr}.blog-detail-nav-link--next{text-align:left;justify-content:flex-start}.blog-detail-nav-link--next span{align-items:flex-start}}