@layer components{.blog-show{background:var(--color-background);position:relative;overflow:hidden}.blog-show-header{padding-block:calc(var(--site-header-height-mobile) + 2rem) 4rem;border-bottom:1px solid var(--color-border);background:linear-gradient(180deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background-soft) 55%, var(--color-background)) 100%)}.blog-show-header-content{text-align:center;max-width:58rem;margin-inline:auto}.blog-show-breadcrumb{justify-content:center;margin-bottom:1.5rem;display:flex}.blog-show-breadcrumb-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.blog-show-breadcrumb-item,.blog-show-breadcrumb-current{color:var(--color-muted);font-size:.8125rem;line-height:1.5}.blog-show-breadcrumb-link{color:var(--color-muted);text-decoration:none;transition:color .18s}.blog-show-breadcrumb-link:hover,.blog-show-breadcrumb-link:focus-visible{color:var(--color-primary-light)}.blog-show-breadcrumb-separator{color:var(--color-border-light);font-size:.75rem}.blog-show-breadcrumb-current{max-width:18rem;color:var(--color-foreground);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.blog-show-category{border:1px solid color-mix(in srgb, var(--color-primary) 38%, var(--color-border));border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary) 10%, transparent);width:fit-content;color:var(--color-primary-light);letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.25rem;padding:.5rem .875rem;font-size:.75rem;font-weight:800;line-height:1.3;display:inline-flex}.blog-show-title{color:var(--color-foreground);font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,7vw,4.5rem);font-weight:800;line-height:1.06}.blog-show-description{max-width:48rem;color:var(--color-muted);margin:1.5rem auto 0;font-size:clamp(1rem,2.5vw,1.1875rem);line-height:1.8}.blog-show-meta{color:var(--color-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;margin-top:1.75rem;font-size:.8125rem;line-height:1.5;display:flex}.blog-show-author{color:var(--color-foreground);font-weight:700}.blog-show-media{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background-soft);max-width:72rem;box-shadow:var(--shadow-strong);margin:-2rem auto 0;position:relative;overflow:hidden}.blog-show-image{object-fit:contain;object-position:center;width:100%;height:auto;display:block}.blog-show-layout{grid-template-columns:minmax(0,1fr);max-width:52rem;margin-inline:auto;padding-block:4rem;display:grid}.blog-show-content{min-width:0;color:var(--color-muted);font-size:1rem;line-height:1.85}.blog-show-content>:first-child{margin-top:0}.blog-show-content>:last-child{margin-bottom:0}.blog-show-content h2,.blog-show-content h3,.blog-show-content h4{scroll-margin-top:calc(var(--site-header-height-mobile) + 2rem);color:var(--color-foreground);font-family:var(--font-heading);letter-spacing:-.025em;font-weight:800}.blog-show-content h2{margin:3rem 0 1rem;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.blog-show-content h3{margin:2.25rem 0 .875rem;font-size:clamp(1.375rem,3vw,1.75rem);line-height:1.3}.blog-show-content h4{margin:1.75rem 0 .75rem;font-size:1.125rem;line-height:1.4}.blog-show-content p{margin:1.25rem 0}.blog-show-content strong{color:var(--color-foreground);font-weight:700}.blog-show-content a{color:var(--color-primary-light);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-primary-light) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--color-primary-light) 45%, transparent);text-underline-offset:.2em;font-weight:700;text-decoration-thickness:.08em;transition:color .18s,text-decoration-color .18s}.blog-show-content a:hover,.blog-show-content a:focus-visible{color:var(--color-primary);text-decoration-color:currentColor}.blog-show-content ul,.blog-show-content ol{flex-direction:column;gap:.625rem;margin:1.5rem 0;padding-left:1.5rem;display:flex}.blog-show-content li{padding-left:.25rem}.blog-show-content li::marker{color:var(--color-primary-light);font-weight:700}.blog-show-content blockquote{border-left:.25rem solid var(--color-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));color:var(--color-foreground);margin:2rem 0;padding:1.25rem 1.5rem}.blog-show-content blockquote p{margin:0}.blog-show-content hr{border:0;border-top:1px solid var(--color-border);margin-block:3rem}.blog-show-content img{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;height:auto;box-shadow:var(--shadow-medium);margin-block:2rem}.blog-show-content table{border-collapse:collapse;width:100%;margin-block:2rem;font-size:.875rem}.blog-show-content th,.blog-show-content td{border:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.875rem}.blog-show-content th{background:var(--color-background-soft);color:var(--color-foreground);font-weight:700}.blog-show-content code{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background-soft);color:var(--color-primary-light);padding:.125rem .375rem;font-size:.875em}.blog-show-content pre{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background-soft);margin-block:2rem;padding:1.25rem;overflow-x:auto}.blog-show-content pre code{color:var(--color-foreground);background:0 0;border:0;padding:0}.blog-show-footer{border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-background-soft) 60%, var(--color-background));padding-block:3rem}.blog-show-footer-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:48rem;margin-inline:auto;display:flex}.blog-show-footer-text{color:var(--color-foreground);font-family:var(--font-heading);margin:0;font-size:1rem;font-weight:700;line-height:1.5}.blog-show-back-action:hover .action-icon,.blog-show-back-action:focus-visible .action-icon{transform:translate(-.1875rem)}@media (width>=1024px){.blog-show-header{padding-block:calc(var(--site-header-height-desktop) + 3rem) 5rem}.blog-show-layout{padding-block:5rem}.blog-show-content h2,.blog-show-content h3,.blog-show-content h4{scroll-margin-top:calc(var(--site-header-height-desktop) + 2rem)}}@media (width<=479px){.blog-show-breadcrumb-current,.blog-show-breadcrumb-separator:last-of-type{display:none}.blog-show-meta{flex-direction:column;gap:.375rem}.blog-show-content{font-size:.9375rem}.blog-show-content table{display:block;overflow-x:auto}}@media (prefers-reduced-motion:reduce){.blog-show-breadcrumb-link,.blog-show-content a{transition:none}.blog-show-back-action:hover .action-icon,.blog-show-back-action:focus-visible .action-icon{transform:none}}}