:root{--header-height:100px}.blog-detail h1{scroll-margin-top:var(--header-height);margin-top:4rem;margin-bottom:1rem;font-size:2.25rem;font-weight:700;line-height:2.5rem}.blog-detail h2{scroll-margin-top:var(--header-height);margin-top:4rem;margin-bottom:1rem;font-size:1.875rem;font-weight:700;line-height:2.25rem}.blog-detail h3{scroll-margin-top:var(--header-height);margin-top:3rem;margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:2rem}.blog-detail h4{scroll-margin-top:var(--header-height);margin-top:2.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.75rem}.blog-detail h5{scroll-margin-top:var(--header-height);margin-top:2.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:700;line-height:1.75rem}.blog-detail h6{scroll-margin-top:var(--header-height);margin-top:2.5rem;margin-bottom:1rem;font-size:1rem;font-weight:700;line-height:1.5rem}.blog-detail p{line-height:1.7}.blog-detail p:not(:last-child){margin-bottom:1rem}.blog-detail img{max-width:100%;height:auto;margin-bottom:1rem;display:block}.blog-detail img.mermaid{border-radius:1rem;width:500px;max-width:100%}.blog-detail img.rounded{border-radius:1rem}.blog-detail video{border-radius:1rem;width:900px;max-width:100%;height:auto;margin:2rem 0;display:block}.blog-detail pre{background:var(--color-elevation-1);border-radius:.5rem;max-width:100%;margin-bottom:1rem;display:block;overflow:auto}.blog-detail code:not(.hljs){background:var(--color-elevation-1);border:1px solid var(--color-border);color:var(--orange-highlight);border-radius:.5rem;padding:.25rem}.blog-detail hr{opacity:.3;margin:2rem 0}.blog-detail a{color:var(--color-primary);text-decoration:underline}.blog-detail ul,.blog-detail ol{margin-bottom:1rem;padding-left:1rem}.blog-detail ol{list-style-type:decimal}.blog-detail ul{list-style-type:disc}.blog-detail li{margin-bottom:.7rem}.blog-detail strong{font-weight:700}.blog-detail blockquote{border-left:.5rem solid var(--color-primary);background:var(--color-elevation-1);border-radius:.5rem;margin:1.5rem 0;padding:1rem;font-size:1.1rem}.blog-detail small{color:var(--color-secondary)}.blog-detail .highlight{color:var(--orange-highlight);font-weight:700}