.blog-detail-page{min-height:100vh;width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start}.blog-detail-section{padding:0;position:relative;width:100%}.blog-detail-container{max-width:var(--container-max-wide);margin:0 auto}.blog-detail{background:linear-gradient(135deg,var(--surface-3) 0%,var(--surface-1) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-strong);border-radius:16px;padding:3rem;box-shadow:var(--shadow-md);max-width:960px;margin:0 auto}.back-to-blogs{display:inline-block;margin-bottom:1.5rem;color:var(--brand-ink);text-decoration:none;font-weight:600;font-size:var(--fs-sm);transition:color .3s ease}.back-to-blogs:hover{color:var(--brand-cyan)}.blog-detail-title{font-size:var(--fs-3xl);font-weight:700;color:var(--text-primary);margin-bottom:.85rem;line-height:1.3}.blog-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:1.5rem;font-size:var(--fs-xs);color:var(--text-muted)}.blog-detail-date{font-weight:600;letter-spacing:.04em}.blog-detail-hero{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;margin-bottom:2rem;border:1px solid var(--border-strong);background:var(--surface-2)}.blog-detail-hero img{width:100%;height:100%;object-fit:cover;display:block}.blog-detail-author{position:relative;padding-left:1.25rem}.blog-detail-author:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:var(--text-faint);transform:translateY(-50%)}.blog-detail-content{color:var(--text-secondary)}.blog-detail-content p{font-size:var(--fs-md);line-height:1.75;margin-bottom:1.25rem;color:var(--text-secondary);font-weight:300}.blog-detail-content h2{font-size:var(--fs-xl);font-weight:600;color:var(--text-primary);margin-top:2rem;margin-bottom:.85rem;line-height:1.4}.blog-detail-content h3{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary);margin-top:1.75rem;margin-bottom:.6rem;line-height:1.4}.blog-detail-content strong{color:var(--text-primary);font-weight:600}.blog-detail-content em{color:var(--text-muted);font-style:italic}.blog-detail-content ul{margin:0 0 1.25rem;padding-left:1.25rem;list-style:none}.blog-detail-content ul li{position:relative;font-size:var(--fs-md);line-height:1.7;color:var(--text-secondary);font-weight:300;margin-bottom:.5rem;padding-left:1.25rem}.blog-detail-content ul li:before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--brand)}.blog-detail-content blockquote{margin:1.75rem 0;padding:1rem 1.5rem;border-left:3px solid var(--brand);background:#0066ff14;border-radius:8px;font-size:var(--fs-md);font-style:italic;color:var(--text-primary);line-height:1.6}.blog-detail-content .table-scroll{margin:1.25rem 0 1.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:12px}.blog-detail-content table{width:100%;min-width:640px;border-collapse:collapse;margin:0;font-size:var(--fs-sm)}.blog-detail-content thead{background:#0066ff2e}.blog-detail-content th,.blog-detail-content td{padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.blog-detail-content th:last-child,.blog-detail-content td:last-child{border-right:none}.blog-detail-content th{color:var(--text-primary);font-weight:600;line-height:1.35}.blog-detail-content td{color:var(--text-secondary);font-weight:300}.blog-detail-content tbody tr:nth-child(2n){background:var(--surface-1)}.blog-detail-content tbody tr:last-child td{border-bottom:none}.blog-detail-content .final-advice{background:#0066ff1a;border-left:3px solid var(--brand);padding:1.25rem;margin-top:2rem;border-radius:8px}.blog-detail-content .final-advice h2{margin-top:0;color:var(--brand-cyan);font-size:var(--fs-lg)}.blog-detail-content .final-advice p{color:var(--text-secondary)}@media(max-width:968px){.blog-detail{padding:2.5rem}.blog-detail-content h2{margin-top:1.75rem}}@media(max-width:640px){.blog-detail{padding:1.5rem;border-radius:14px}.back-to-blogs{margin-bottom:1.25rem}.blog-detail-hero{border-radius:10px;margin-bottom:1.5rem}.blog-detail-content p{margin-bottom:1rem}.blog-detail-content h2{margin-top:1.5rem}.blog-detail-content blockquote{margin:1.25rem 0;padding:.85rem 1.15rem}.blog-detail-content .final-advice{padding:1rem;margin-top:1.75rem}}