.blogpost-page{min-height:100vh;padding-top:var(--space-16)}.blogpost-back{padding-top:var(--space-8)}.blogpost-hero{padding:var(--space-10) 0 var(--space-8);position:relative}.blogpost-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-color-secondary);margin-bottom:var(--space-5)}.blogpost-hero__category{color:var(--accent-primary);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.meta-dot{color:var(--text-color-tertiary);opacity:.5}.blogpost-hero__title{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:700;line-height:1.15;color:var(--text-color);margin-bottom:var(--space-6);max-width:900px}.blogpost-hero__excerpt{font-size:var(--text-xl);color:var(--text-color-secondary);line-height:1.65;max-width:780px;margin-bottom:var(--space-8)}.blogpost-hero__author{display:flex;align-items:center;gap:var(--space-4)}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.author-avatar__initials{font-size:var(--text-sm);font-weight:700;color:#fff}.author-info__name{font-size:var(--text-base);font-weight:600;color:var(--text-color)}.author-info__role{font-size:var(--text-sm);color:var(--text-color-tertiary)}.blogpost-image-wrap{padding-bottom:var(--space-12)}.blogpost-featured-image{border-radius:var(--radius-2xl);overflow:hidden;max-height:520px}.blogpost-featured-image img{width:100%;height:100%;object-fit:cover;display:block}.blogpost-body{padding-top:var(--space-4);padding-bottom:var(--space-20)}.post-content{margin-bottom:var(--space-10)}.post-content__paragraph{font-size:var(--text-lg);line-height:1.85;color:var(--text-color-secondary);margin-bottom:var(--space-6)}.post-content__h2{font-size:var(--text-3xl);font-weight:700;color:var(--text-color);margin-top:var(--space-12);margin-bottom:var(--space-5);padding-left:var(--space-5);border-left:4px solid;border-image:var(--gradient-primary) 1;position:relative}.post-content__h3{font-size:var(--text-2xl);font-weight:600;color:var(--text-color);margin-top:var(--space-8);margin-bottom:var(--space-3)}.post-content__li{font-size:var(--text-lg);color:var(--text-color-secondary);line-height:1.7;padding-left:var(--space-6);position:relative;margin-bottom:var(--space-3)}.post-content__li:before{content:"›";color:var(--accent-primary);font-size:var(--text-xl);font-weight:700;position:absolute;left:0;top:-1px}.post-content__li--ordered:before{content:none}.post-content__li-marker{color:var(--accent-primary);font-size:var(--text-base);font-weight:700;position:absolute;left:0;top:0;line-height:1.7;min-width:var(--space-6)}.post-content__table-wrap{overflow-x:auto;margin-bottom:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.post-content__table{width:100%;border-collapse:collapse;font-size:var(--text-sm);color:var(--text-color-secondary)}.post-content__table th{background:var(--glass-bg);color:var(--text-color);font-weight:600;text-align:left;white-space:nowrap}.post-content__table td,.post-content__table th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--glass-border)}.post-content__table td{line-height:1.6}.post-content__table tr:last-child td{border-bottom:none}.post-content__table tbody tr:hover{background:var(--glass-bg)}.post-content__pre{background:rgba(0,0,0,.35);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);overflow-x:auto;margin-bottom:var(--space-6)}.post-content__pre code{font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:var(--text-sm);line-height:1.7;color:var(--accent-primary);white-space:pre}.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-6) 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);margin-bottom:var(--space-8)}.post-tags__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-color-tertiary)}.post-tags__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-tag{padding:var(--space-1) var(--space-4);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--text-color-secondary);transition:border-color .25s ease,color .25s ease}.post-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.blogpost-sidebar{position:sticky;top:100px}.author-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center}.author-card__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-color-tertiary);margin-bottom:var(--space-5);font-weight:600}.author-card__avatar{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.author-card__initials{font-size:var(--text-2xl);font-weight:700;color:#fff}.author-card__name{font-size:var(--text-xl);font-weight:700;color:var(--text-color);margin-bottom:var(--space-2)}.author-card__role{font-size:var(--text-sm);color:var(--text-color-tertiary);line-height:1.4}.blogpost-related{padding-top:var(--space-12);padding-bottom:var(--space-20);border-top:1px solid var(--glass-border)}.post-share{padding:var(--space-6) var(--space-8);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin-top:var(--space-8)}.post-share__title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-color-tertiary);margin-bottom:var(--space-5)}.post-share__buttons{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap}.share-icon-btn{width:48px;height:48px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-color-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;flex-shrink:0}.share-icon-btn svg{width:20px;height:20px;pointer-events:none}.share-icon-btn:hover{transform:translateY(-3px);color:#fff}.share-icon-btn--native{background:var(--gradient-primary);border-color:transparent;color:#fff}.share-icon-btn--native:hover{opacity:.85;transform:translateY(-3px)}.share-icon-btn--twitter:hover{background:#000;border-color:#000}.share-icon-btn--linkedin:hover{background:#0077B5;border-color:#0077B5}.share-icon-btn--whatsapp:hover{background:#25D366;border-color:#25D366}.share-icon-btn--facebook:hover{background:#1877F2;border-color:#1877F2}.share-icon-btn--copy:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.share-icon-btn--copy.copied{background:#22c55e;border-color:#22c55e;color:#fff;transform:translateY(-3px)}@media (max-width:991px){.blogpost-sidebar{position:static;margin-top:var(--space-8)}.blogpost-hero__title{font-size:var(--text-3xl)}}@media (max-width:768px){.blogpost-page{padding-top:var(--space-12)}.blogpost-hero__excerpt{font-size:var(--text-lg)}.post-content__h2{font-size:var(--text-2xl)}}.post-content__code{font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.9em;background:rgba(0,0,0,.28);border-radius:var(--radius-sm,4px);padding:.12em .38em;word-break:break-word}