.blog-detail-page{min-height:100vh;padding:clamp(5.5rem,10vw,8rem)0 var(--layout-section-space);background:var(--color-bg-canvas);color:var(--color-text)}.blog-detail-container{width:min(100%,var(--layout-content-width));padding:0 var(--layout-gutter);margin:0 auto}.blog-detail-page .blog-preview-banner{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:100%;margin-bottom:var(--space-6);padding:var(--space-3)var(--space-4);border:1px solid var(--color-info-border);border-radius:var(--radius-md);background:var(--color-info-surface);color:var(--color-info);font-weight:var(--font-weight-medium);display:flex}.blog-detail-page .blog-preview-banner__action{border:1px solid var(--color-info-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-info);font-weight:var(--font-weight-bold);padding:.45rem .85rem;text-decoration:none}.blog-detail-page .blog-preview-banner__action:hover{border-color:var(--color-info);color:var(--color-text)}.back-button{align-items:center;gap:var(--space-2);min-height:2.75rem;margin-bottom:var(--space-8);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:.7rem 1rem;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:inline-flex}.back-button:hover{border-color:var(--brand-secondary);background:var(--color-surface-raised);color:var(--color-text);transform:translate(-2px)}.blog-detail-content{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);background:var(--gradient-card),var(--color-surface);width:min(100%,59rem);box-shadow:var(--shadow-elevated);margin:0 auto;padding:max(1.5rem,min(5vw,4rem))}.blog-detail-header{margin-bottom:var(--space-8)}.blog-detail-page .blog-category{margin-bottom:var(--space-4);border:1px solid var(--color-info-border);border-radius:var(--radius-pill);background:var(--color-info-surface);color:var(--brand-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;padding:.45rem .85rem;display:inline-flex;position:static}.blog-detail-title{margin:0 0 var(--space-6);color:var(--color-text);font-family:var(--font-display);letter-spacing:-.055em;font-size:max(2.25rem,min(7vw,4.5rem));font-weight:900;line-height:1.02}.blog-detail-meta{gap:var(--space-3)var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.blog-detail-page .blog-meta-item{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);display:inline-flex}.blog-detail-page .blog-meta-item svg{color:var(--brand-secondary)}.blog-detail-image{aspect-ratio:16/8.5;width:100%;margin:var(--space-8)0;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg-band);position:relative;overflow:hidden}.blog-detail-image img,.blog-detail-hero-img{object-fit:cover;width:100%;height:100%}.blog-tags{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.blog-tag{border:1px solid var(--color-info-border);border-radius:var(--radius-pill);background:var(--color-info-surface);color:var(--color-info);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;padding:.35rem .8rem}.blog-detail-body{margin:var(--space-8)0;color:var(--color-text-muted);font-size:max(1rem,min(1.8vw,1.125rem));line-height:1.85}.blog-content-heading{color:var(--color-text);font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:-.025em;margin:2.2em 0 .65em;line-height:1.2}.blog-detail-body :-webkit-any(h1,h2,h3,h4,h5,h6){color:var(--color-text);font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:-.025em;margin:2.2em 0 .65em;line-height:1.2}.blog-detail-body :-moz-any(h1,h2,h3,h4,h5,h6){color:var(--color-text);font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:-.025em;margin:2.2em 0 .65em;line-height:1.2}.blog-detail-body :is(h1,h2,h3,h4,h5,h6){color:var(--color-text);font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:-.025em;margin:2.2em 0 .65em;line-height:1.2}.blog-detail-body h1,.blog-content-h1{font-size:max(2rem,min(5vw,3rem))}.blog-detail-body h2,.blog-content-h2{font-size:max(1.65rem,min(4vw,2.25rem))}.blog-detail-body h3,.blog-content-h3{font-size:max(1.3rem,min(3vw,1.7rem))}.blog-detail-body p,.blog-content-paragraph{color:var(--color-text-muted);margin:0 0 1.4em}.blog-detail-body strong{color:var(--color-text);font-weight:var(--font-weight-bold)}.blog-content-list{margin:1.2em 0 1.5em;padding-left:1.6em}.blog-detail-body :-webkit-any(ul,ol){margin:1.2em 0 1.5em;padding-left:1.6em}.blog-detail-body :-moz-any(ul,ol){margin:1.2em 0 1.5em;padding-left:1.6em}.blog-detail-body :is(ul,ol){margin:1.2em 0 1.5em;padding-left:1.6em}.blog-content-ul{list-style:outside}.blog-content-ol{list-style:decimal}.blog-detail-body li,.blog-content-list-item{color:var(--color-text-muted);margin:.5em 0;padding-left:.25em}.blog-detail-body li::marker{color:var(--brand-secondary);font-weight:var(--font-weight-bold)}.blog-detail-body blockquote{padding:var(--space-4)var(--space-6);border-left:3px solid var(--brand-secondary);border-radius:0 var(--radius-sm)var(--radius-sm)0;background:var(--color-info-surface);color:var(--color-text);margin:1.75em 0}.blog-detail-body blockquote p:last-child{margin-bottom:0}.blog-detail-body a{color:var(--brand-secondary);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:.08em}.blog-detail-body a:hover{color:var(--color-text)}.blog-detail-body pre{max-width:100%;padding:var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:#d7e4fb;font-family:var(--font-monospace);background:#050914;margin:1.75em 0;font-size:.875rem;line-height:1.65;overflow:auto}.blog-detail-body :not(pre)>code,.rich-text-code-inline{border:1px solid var(--color-border);background:var(--color-bg-band);color:var(--brand-secondary);font-family:var(--font-monospace);border-radius:.35rem;padding:.15em .4em;font-size:.88em}.rich-text-figure,.blog-content-image{margin:var(--space-8)0;text-align:center}.rich-text-figure img,.blog-content-image img{border:1px solid var(--color-border);border-radius:var(--radius-card);width:100%;max-width:100%;height:auto;box-shadow:0 18px 40px -28px rgba(0,0,0,.8)}.rich-text-figure figcaption,.blog-content-image figcaption{margin-top:var(--space-2);color:var(--color-text-faint);font-size:var(--font-size-sm);font-style:italic}.blog-detail-empty,.blog-error{padding:var(--space-6);border:1px dashed var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text-muted);text-align:center}.blog-detail-footer{padding-top:var(--space-6);border-top:1px solid var(--color-border);justify-content:center;align-items:center;display:flex}.share-button{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--brand-gradient);color:#fff;cursor:pointer;min-height:2.75rem;font:inherit;font-weight:var(--font-weight-semibold);box-shadow:0 12px 28px -14px var(--color-glow-primary);border:0;padding:.75rem 1.25rem;transition:box-shadow .18s,transform .18s;display:inline-flex}.share-button:hover{box-shadow:0 18px 34px -14px var(--color-glow-primary);transform:translateY(-2px)}.share-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.share-status{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.share-status.success{color:var(--color-success)}.share-status.error{color:var(--color-error)}.blog-detail-page :-webkit-any(a,button):focus-visible{outline:3px solid var(--brand-secondary);outline-offset:3px}.blog-detail-page :-moz-any(a,button):focus-visible{outline:3px solid var(--brand-secondary);outline-offset:3px}.blog-detail-page :is(a,button):focus-visible{outline:3px solid var(--brand-secondary);outline-offset:3px}@media (max-width:620px){.blog-detail-page{padding-top:5rem}.blog-detail-content{border-radius:var(--radius-card)}.blog-detail-image{aspect-ratio:4/3}.blog-detail-meta{align-items:flex-start;gap:var(--space-2);flex-direction:column}.blog-detail-page .blog-preview-banner{flex-direction:column;align-items:flex-start}.blog-detail-body blockquote{padding:var(--space-4)}.blog-detail-body pre{margin-inline:calc(var(--space-4)*-1);border-radius:0}}@media (prefers-reduced-motion:reduce){.blog-detail-page *,.blog-detail-page :before,.blog-detail-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.blog-detail-page :-webkit-any(.back-button,.blog-detail-content,.share-button){opacity:1!important;transform:none!important}.blog-detail-page :-moz-any(.back-button,.blog-detail-content,.share-button){opacity:1!important;transform:none!important}.blog-detail-page :is(.back-button,.blog-detail-content,.share-button){opacity:1!important;transform:none!important}}