.blog-details-container{gap:var(--space-40);padding:var(--space-40)var(--space-36)var(--space-127)var(--space-30);max-width:var(--size-content-lg);flex-direction:column;margin:0 auto;display:flex}.blog-details-header{gap:var(--space-20);flex-direction:column;display:flex}.blog-details-meta{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.blog-details-date-time{color:var(--color-text-secondary);font-size:var(--text-14);font-family:var(--font-primary)}.blog-details-read-time{color:var(--color-text-primary);margin-left:var(--space-4)}.blog-details-title{color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-50);font-style:normal;font-weight:var(--font-semibold);line-height:var(--leading-50);letter-spacing:var(--tracking-tight-2);margin:0}.blog-details-description{color:var(--color-text-secondary);text-align:justify;font-family:var(--font-primary);font-size:var(--text-16);font-style:normal;font-weight:var(--font-normal);line-height:var(--leading-24);letter-spacing:var(--tracking-0_366);margin:0}.blog-details-image-container{justify-content:center;width:100%;display:flex}.blog-details-image{width:100%;max-height:var(--size-card-2xl);object-fit:cover;border-radius:var(--radius-xl)}.blog-details-content{gap:var(--space-40);flex-direction:column;display:flex}.blog-details-body{color:var(--color-text-secondary);font-family:var(--font-primary);font-size:var(--text-16);font-style:normal;font-weight:var(--font-normal);line-height:var(--leading-28);letter-spacing:var(--tracking-0_366)}.blog-details-body h2{color:var(--color-text-primary);font-size:var(--text-32);font-weight:var(--font-semibold);line-height:var(--leading-36);margin:var(--space-40)0 var(--space-20)0}.blog-details-body h3{color:var(--color-text-primary);font-size:var(--text-24);font-weight:var(--font-semibold);line-height:var(--leading-32);margin:var(--space-32)0 var(--space-16)0}.blog-details-body p{margin:var(--space-16)0}.blog-details-body ul,.blog-details-body ol{margin:var(--space-16)0;padding-left:var(--space-24)}.blog-details-body li{margin:var(--space-8)0}.blog-details-body strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.blog-details-body blockquote{border-left:4px solid var(--color-accent-blue);padding-left:var(--space-20);margin:var(--space-20)0;color:var(--color-surface-code-text);font-style:italic}.blog-details-body code{background-color:var(--color-surface-code-bg);color:var(--color-accent-blue);padding:var(--space-2)var(--space-6);border-radius:var(--radius-4);font-family:Courier New,monospace;font-size:var(--text-14)}.blog-details-body pre{background-color:var(--color-surface-code-bg);color:var(--color-surface-code-border);padding:var(--space-16);border-radius:var(--radius-8);margin:var(--space-20)0;overflow-x:auto}.blog-details-body pre code{color:inherit;background:0 0;padding:0}.blog-details-related{margin-top:var(--space-80);padding-top:var(--space-40);border-top:2px solid var(--color-border-secondary)}.blog-details-related-title{color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-32);font-style:normal;font-weight:var(--font-semibold);line-height:var(--leading-ratio-1_2);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-36);text-align:center}.blog-details-related-cards{gap:var(--space-36);flex-wrap:wrap;justify-content:center;display:flex}.blog-details-related-cards .blog-sm-card{flex:1;min-width:280px;max-width:350px}.read-blog-button{color:var(--color-text-primary);background-color:var(--color-accent-blue);padding:var(--space-12)var(--space-24);border-radius:var(--radius-6);font-weight:var(--font-medium);font-size:var(--text-14);font-family:var(--font-primary);transition:background-color var(--transition-fast),transform var(--transition-fast);cursor:pointer;border:none;text-decoration:none;display:inline-block}.read-blog-button:hover{background-color:var(--color-accent-blue);transform:translateY(-1px)}.read-blog-button:active{transform:translateY(0)}@media (max-width:768px){.blog-details-container{padding:var(--space-20);gap:var(--space-30)}.blog-details-title{font-size:var(--text-32);line-height:var(--leading-36);letter-spacing:var(--tracking-tight)}.blog-details-description{font-size:var(--text-16);line-height:var(--leading-28)}.blog-details-body{font-size:var(--text-14);line-height:var(--leading-24)}.blog-details-body h2{font-size:var(--text-24);line-height:var(--leading-32)}.blog-details-meta{align-items:flex-start;gap:var(--space-12);flex-direction:column}.blog-details-related{margin-top:var(--space-60);padding-top:var(--space-30)}.blog-details-related-title{font-size:var(--text-24);margin-bottom:var(--space-24)}.blog-details-related-cards{gap:var(--space-24);flex-direction:column}.blog-details-related-cards .blog-sm-card{max-width:100%}.blog-details-image{max-height:var(--size-card-mob-xl)}}@media (max-width:480px){.blog-details-container{padding:var(--space-15)}.blog-details-title{font-size:var(--text-24);line-height:var(--leading-28)}.blog-details-image{max-height:var(--size-card-min-sm)}.blog-details-body h2{font-size:var(--text-20);line-height:var(--leading-28)}.blog-details-body h3{font-size:var(--text-18);line-height:var(--leading-24)}}.blog-details-date-time{gap:var(--space-8);flex-direction:column;display:flex}.blog-details-author{color:var(--color-text-primary);font-size:var(--text-14);font-family:var(--font-primary);font-weight:var(--font-medium)}.blog-details-date-read-time{align-items:center;gap:var(--space-8);display:flex}.blog-details-date{color:var(--color-text-primary);font-size:var(--text-14);font-family:var(--font-primary)}.blog-details-tags{gap:var(--space-8);flex-wrap:wrap;align-items:center;display:flex}@media (max-width:768px){.blog-details-date-read-time{align-items:flex-start;gap:var(--space-4);flex-direction:column}.blog-details-tags{justify-content:flex-start;width:100%}.blog-details-meta{gap:var(--space-8);flex-direction:column}}@media (max-width:480px){.blog-details-related-cards .blog-sm-card{min-width:100%;max-width:100%}}.blog-author-bio{border:1px solid var(--color-border,#80808040);border-radius:12px;max-width:720px;margin:48px auto 0;padding:20px 24px}.blog-author-bio-name{font-family:var(--font-primary);font-weight:var(--font-semibold,600);color:var(--color-text-primary);margin-bottom:6px;display:block}.blog-author-bio-role{color:var(--color-text-secondary,var(--color-text-primary));margin:0;font-size:.95rem;line-height:1.6}.blog-author-bio-link{color:inherit;text-decoration:underline}.share-button-container{align-items:center;gap:var(--space-12);margin:var(--space-20)0;display:flex}.share-button-label{color:var(--color-text-secondary);font-family:var(--font-primary);font-size:var(--text-14);font-weight:var(--font-normal)}.share-button-options{align-items:center;gap:var(--space-8);display:flex}.share-button-option{width:var(--size-icon-touch);height:var(--size-icon-touch);border-radius:var(--radius-8);background-color:var(--color-bg-tertiary);border:var(--border-sm)solid var(--color-border-secondary);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-press);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.share-button-option:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.share-button-option:active{transform:scale(.97)}.share-button-option:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:3px;border-radius:6px}.share-button-option svg{width:var(--size-icon-md);height:var(--size-icon-md);stroke:currentColor;fill:currentColor}.share-button-tooltip{top:var(--size-tooltip-offset);background-color:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--space-4)var(--space-8);border-radius:var(--radius-4);font-size:var(--text-12);font-weight:var(--font-medium);white-space:nowrap;z-index:var(--z-dropdown);border:var(--border-sm)solid var(--color-border-secondary);position:absolute;left:50%;transform:translate(-50%)}.share-button-tooltip:after{content:"";border:var(--border-xl)solid transparent;border-top-color:var(--color-border-secondary);position:absolute;top:100%;left:50%;transform:translate(-50%)}.share-button-native{display:none}@media (max-width:768px){.share-button-native{display:flex}.share-button-container{gap:var(--space-8);flex-wrap:wrap}.share-button-option{width:var(--size-icon-touch-sm);height:var(--size-icon-touch-sm)}.share-button-option svg{width:var(--size-icon-md-alt);height:var(--size-icon-md-alt)}}