.Blog-PostDetail{background-color:var(--color-background-primary);padding:var(--spacing-4) var(--layout-mobile-side-padding);max-width:var(--layout-page-container-width);margin:0 auto;width:var(--size-full);position:relative;background-image:repeating-linear-gradient(0deg,transparent,transparent calc(var(--space-grid-size) - var(--spacing-px)),var(--space-grid-line) calc(var(--space-grid-size) - var(--spacing-px)),var(--space-grid-line) var(--space-grid-size)),repeating-linear-gradient(90deg,transparent,transparent calc(var(--space-grid-size) - var(--spacing-px)),var(--space-grid-line) calc(var(--space-grid-size) - var(--spacing-px)),var(--space-grid-line) var(--space-grid-size))}.Blog-PostDetail-Title{font-family:var(--font-heading-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-2xl);line-height:var(--line-height-normal);color:var(--color-text-primary)}.Blog-PostDetail-MetaText{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.Blog-PostDetail-Thumbnail{aspect-ratio:var(--ratio-thumbnail-width) / var(--ratio-thumbnail-height);width:var(--size-full);max-width:var(--layout-page-container-width);margin:0 auto var(--spacing-4);overflow:hidden;border-radius:var(--radius-md)}.Blog-PostDetail-Content{padding-top:var(--spacing-4);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.Blog-Toc{margin-bottom:var(--spacing-4)}.Blog-Toc-List{list-style:none;margin:0;padding:var(--spacing-2);background-color:var(--color-interactive-primary-bg-faint)}.Blog-Toc-Item{padding:0}.Blog-ProposalFab{position:fixed;bottom:var(--spacing-4);right:var(--spacing-4);z-index:var(--z-index-fixed);opacity:var(--opacity-full);pointer-events:auto;transition:opacity var(--transition-duration-normal) var(--transition-timing-function-default),pointer-events var(--transition-duration-normal) var(--transition-timing-function-default)}.Blog-ProposalFab-Link{display:inline-block;font-family:var(--font-heading-primary);font-weight:var(--font-weight-medium);border:none;cursor:pointer;text-decoration:none;border-radius:var(--radius-full);background-color:var(--color-interactive-primary);color:var(--color-background-primary);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary);transition:box-shadow var(--transition-duration-fast) var(--transition-timing-function-default),opacity var(--transition-duration-fast) var(--transition-timing-function-default)}
