:root{--header-height:100px}.blog-detail{font-size:1.0625rem;line-height:1.75}.blog-detail h1,.blog-detail h2,.blog-detail h3,.blog-detail h4,.blog-detail h5,.blog-detail h6{letter-spacing:-.015em;scroll-margin-top:var(--header-height);margin-bottom:1rem;font-weight:400;line-height:1.15}.blog-detail h1{margin-top:4rem;font-size:2.5rem}.blog-detail h2{margin-top:3.5rem;font-size:2rem}.blog-detail h3{margin-top:2.75rem;font-size:1.5rem}.blog-detail h4{margin-top:2.25rem;font-size:1.25rem}.blog-detail h5,.blog-detail h6{font-family:var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;margin-top:2rem;font-size:.8125rem}.blog-detail p:not(:last-child){margin-bottom:1.25rem}.blog-detail img{max-width:100%;height:auto;margin:2rem 0;display:block}.blog-detail img.mermaid{border-radius:2px;width:500px;max-width:100%}.blog-detail img.rounded{border-radius:2px}.blog-detail video{border-radius:2px;width:900px;max-width:100%;height:auto;margin:2rem 0;display:block}.blog-detail pre{border-radius:2px;max-width:100%;margin:1.5rem 0;font-size:.875rem;line-height:1.6;display:block;overflow:auto}.blog-detail code{font-family:var(--font-mono),monospace}.blog-detail code:not(.hljs){background:var(--color-elevation-1);border:1px solid var(--color-border);color:var(--orange-highlight);border-radius:2px;padding:.1rem .3rem;font-size:.875em}.blog-detail hr{border-color:var(--color-border);margin:3rem 0}.blog-detail a{color:var(--color-primary);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.blog-detail ul,.blog-detail ol{margin-bottom:1.25rem;padding-left:1.25rem}.blog-detail ol{list-style-type:decimal}.blog-detail ul{list-style-type:disc}.blog-detail li{margin-bottom:.5rem}.blog-detail li::marker{color:var(--color-secondary)}.blog-detail strong{font-weight:600}.blog-detail blockquote{border-left:2px solid var(--color-primary);font-family:var(--font-serif),serif;margin:2rem 0;padding:.25rem 0 .25rem 1.5rem;font-size:1.375rem;font-style:italic;line-height:1.5}.blog-detail small{color:var(--color-secondary)}.blog-detail .highlight{color:var(--orange-highlight);font-weight:600}
