.blog-post-page{width:100%;padding-top:calc(var(--navbar-height) + var(--space-12));padding-bottom:var(--space-24);overflow-x:clip}.blog-post-page .blog-post-breadcrumb{align-items:center;gap:var(--space-2);max-width:900px;margin:0 auto var(--space-8);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;padding-inline:clamp(1rem,2.5vw,1.5rem);display:flex}.blog-post-page .blog-post-breadcrumbLink{color:var(--text-secondary);text-decoration:none;transition:color .2s}.blog-post-page .blog-post-breadcrumbLink:hover{color:var(--color-primary)}.blog-post-page .blog-post-breadcrumbSep{color:var(--text-muted);opacity:.7}.blog-post-page .blog-post-breadcrumbCurrent{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.blog-post-page .blog-post-article{width:100%;max-width:900px;margin-inline:auto;padding-inline:clamp(1rem,2.5vw,1.5rem)}.blog-post-page .blog-post-header{max-width:720px;margin:0 auto var(--space-10);text-align:center}.blog-post-page .blog-post-category{padding:var(--space-1) var(--space-3);margin-bottom:var(--space-5);border-radius:var(--radius-full);background:var(--gradient-subtle);border:1px solid var(--border-primary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-secondary);align-items:center;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.blog-post-page .blog-post-category:hover{color:var(--color-primary);border-color:var(--border-accent)}.blog-post-page .blog-post-date{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);margin:0}.blog-post-page .blog-post-heroFigure{width:100%;max-width:900px;margin:0 auto var(--space-12)}.blog-post-page .blog-post-heroMedia{aspect-ratio:16/9;background:var(--bg-card);width:100%;box-shadow:var(--shadow-card);border-radius:16px;position:relative;overflow:hidden}.blog-post-page .blog-post-heroImg{object-fit:cover;object-position:center}.blog-post-page .blog-post-heroMeta{left:var(--space-5);bottom:var(--space-5);z-index:1;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex;position:absolute}.blog-post-page .blog-post-heroCategory,.blog-post-page .blog-post-heroDate{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-white);background:#09090b8c;border:1px solid #ffffff1f;text-decoration:none;display:inline-flex}.blog-post-page .blog-post-heroCategory{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-white)}.blog-post-page .blog-post-heroCategory:hover{color:var(--color-primary-light);border-color:var(--border-accent)}.blog-post-page .blog-post-imageCaption{margin-top:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.blog-post-page .blog-post-body{max-width:820px;margin:0 auto var(--space-16);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);padding:clamp(1.5rem,4vw,3rem)}.blog-post-page .blog-post-body p{color:var(--text-secondary);margin-bottom:var(--space-5);font-size:18px;line-height:1.8}.blog-post-page .blog-post-body li{color:var(--text-secondary);font-size:17px;line-height:1.7}.blog-post-page .blog-post-body h2{font-family:var(--font-display);font-size:clamp(30px,3vw,36px);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:var(--space-12) 0 var(--space-5);line-height:1.2}.blog-post-page .blog-post-body h3{font-family:var(--font-display);font-size:clamp(24px,2vw,28px);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:var(--space-10) 0 var(--space-4);line-height:1.3}.blog-post-page .blog-post-body h4{font-family:var(--font-display);font-size:clamp(20px,1.6vw,24px);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:var(--space-8) 0 var(--space-3);line-height:1.3}.blog-post-page .blog-post-body ul,.blog-post-page .blog-post-body ol{padding-left:var(--space-6);margin:var(--space-4) 0 var(--space-5)}.blog-post-page .blog-post-body blockquote{margin:var(--space-8) 0;padding-left:var(--space-6);border-left:3px solid var(--color-primary);color:var(--text-secondary);font-style:italic}.blog-post-page .blog-post-backLink{max-width:820px;padding-top:var(--space-8);border-top:1px solid var(--border-primary);text-align:center;margin:0 auto}.blog-post-page .blog-post-backButton{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-primary);text-decoration:none;transition:color .2s;display:inline-flex}.blog-post-page .blog-post-backButton:hover{color:var(--color-primary-light)}@media (max-width:1024px){.blog-post-page{padding-top:calc(var(--navbar-height) + var(--space-10))}.blog-post-page .blog-post-heroMedia{border-radius:14px}}@media (max-width:640px){.blog-post-page{padding-top:calc(var(--navbar-height) + var(--space-8));padding-bottom:var(--space-16)}.blog-post-page .blog-post-breadcrumb{margin-bottom:var(--space-6)}.blog-post-page .blog-post-heroFigure{margin-bottom:var(--space-8)}.blog-post-page .blog-post-heroMedia{border-radius:12px}.blog-post-page .blog-post-heroMeta{left:var(--space-4);bottom:var(--space-4)}.blog-post-page .blog-post-body p{font-size:17px;line-height:1.75}.blog-post-page .blog-post-body{padding:var(--space-6)}}