.post-content{& :is(h1,h2,h3,h4){letter-spacing:-.025em;color:var(--color-foreground);margin:2.25rem 0 1rem;scroll-margin-top:6rem;font-weight:600}& h1{border-top:.0625rem solid var(--color-border);padding-top:2rem;font-size:1.25rem;line-height:1.75rem}& :is(h2,h3){font-size:1.125rem;line-height:1.75rem}& :is(p,ul,ol){margin-top:1rem;font-size:.85rem;line-height:1.75rem}& a{color:var(--color-accent);text-underline-offset:.25rem;font-weight:500;text-decoration:underline;&:hover{color:var(--color-accent-strong)}}& :is(ul,ol){padding-left:1.25rem}& li+li{margin-top:.375rem}& ul{list-style:outside}& ol{list-style:decimal}& blockquote{border-left:.25rem solid var(--color-accent);background:var(--color-accent-soft);color:var(--color-muted);margin:1.5rem 0;padding:.75rem 1rem;& p:first-child{margin-top:0}}& table{table-layout:fixed;border:.0625rem solid var(--color-border);outline:.0625rem solid var(--color-border);outline-offset:-.0625rem;border-spacing:0;background:var(--color-surface);overflow-wrap:anywhere;border-radius:.5rem;width:100%;margin:1.5rem 0;font-size:.9rem;line-height:1.6;overflow:hidden}& :is(th,td){border:.0625rem solid var(--color-border);text-align:left;vertical-align:top;padding:.875rem 1rem;&:first-child{font-weight:700}}& th{background:var(--color-accent-soft);color:var(--color-foreground);font-weight:600;line-height:1.4}& tbody tr:nth-child(2n){background:color-mix(in srgb, var(--color-surface) 92%, var(--color-accent-soft))}& tbody tr{transition:background-color .3s;&:hover{background:var(--color-accent-soft)}}& img{border:.0625rem solid var(--color-border);border-radius:.5rem;max-width:100%;height:auto;margin:1.5rem 0}& hr{border-color:var(--color-border);margin:2.5rem 0}@media (width>=48rem){& h1{font-size:1.5rem;line-height:2rem}& :is(h2,h3){font-size:1.25rem}& :is(p,ul,ol){font-size:.96rem;line-height:2rem}& table{font-size:.9rem}& p{margin-top:1.25rem}}}.post-content :not(pre)>code{overflow-wrap:anywhere;color:#164c43;background:#e4f0ec;border-radius:.25rem;max-width:calc(100% - .25rem);margin-inline:.125rem;padding:.0625rem .5rem;font-size:.9em;font-weight:500;line-height:1.5;display:inline-block;.dark &{background:var(--color-accent-soft);color:var(--color-accent-strong)}}.code-block,.post-content pre:not(.code-block pre){border:.0625rem solid var(--color-border);background:var(--color-surface-strong);border-radius:.5rem;margin-top:1.5rem;box-shadow:0 1.125rem 2.8125rem #1f262b17;@media (width>=48rem){margin-top:1.75rem}}.code-block{overflow:hidden}.code-title{border-bottom:.0625rem solid var(--color-border);background:var(--color-surface-strong);color:var(--color-subtle);font-family:var(--font-mono);align-items:center;gap:.625rem;padding:.75rem;font-size:.72rem;font-weight:500;display:flex;&:before{content:"</>";color:var(--color-accent);align-items:center;font-size:.62rem;font-weight:600;line-height:1;display:inline-flex;transform:translateY(.0625rem)}@media (width>=48rem){padding:1rem;font-size:.78rem;&:before{font-size:.68rem}}}.post-content pre{word-break:normal;overflow-wrap:normal;padding:.625rem .75rem;font-size:.7rem;line-height:1.25rem;overflow-x:auto;background:var(--color-surface-strong)!important;.code-block &{margin:0}.dark &,.dark & span:not(.line-number){color:var(--shiki-dark)!important}& .line-number{user-select:none;min-width:2ch;color:var(--color-subtle);text-align:right;margin-right:.75rem;display:inline-block}& .line{min-width:100%;min-height:1.25rem;padding-inline:.125rem;display:inline-block}& .highlighted{background:var(--color-accent-soft);border-radius:.25rem;margin-inline:-.125rem;padding-inline:.25rem}& .highlighted:has(+.highlighted){border-bottom-right-radius:0;border-bottom-left-radius:0}& .highlighted+.highlighted{border-top-left-radius:0;border-top-right-radius:0}@media (width>=48rem){padding:.75rem 1rem;font-size:.78rem;line-height:1.5rem;& .line-number{margin-right:1rem}& .line{min-height:1.5rem;padding-inline:.25rem}& .highlighted{margin-inline:-.25rem;padding-inline:.5rem}}}.post-content svg[id^=mermaid-]{overflow-wrap:normal;word-break:normal;border:.0625rem solid var(--color-border);background:linear-gradient(180deg, var(--color-surface), var(--color-surface-strong));border-radius:.75rem;height:auto;margin-block:1.5rem;padding:1rem;display:block;overflow:visible;box-shadow:0 1.125rem 2.8125rem #1f262b14;width:100%!important;max-width:none!important;font-family:var(--font-sans)!important;font-size:.8125rem!important;& :is(text,tspan,foreignObject,foreignObject *,.label){font-family:var(--font-sans)!important;font-size:.8125rem!important}& :is(text,tspan,.labelText,.messageText,.loopText,.noteText){fill:var(--color-foreground)!important;stroke:none!important}& :is(foreignObject,foreignObject *,.nodeLabel,.edgeLabel,.label){color:var(--color-foreground)!important}& p{font-size:inherit;line-height:inherit;margin:0}& :is(.node,.cluster) :is(rect,circle,ellipse,polygon,path),& :is(.entityBox,.attributeBoxEven,.attributeBoxOdd){fill:var(--color-surface-strong)!important;stroke:var(--color-border-strong)!important;stroke-width:.078125rem!important}& :is(.actor,.labelBox,.note,.activation0,.activation1,.activation2){fill:var(--color-accent-soft)!important;stroke:var(--color-accent)!important;stroke-width:.09375rem!important}& .note{stroke:var(--color-border-strong)!important;stroke-width:.078125rem!important}& :is(.activation0,.activation1,.activation2){fill:var(--color-surface-strong)!important}& :is(.messageText,.loopText,.labelText,.noteText){font-weight:500!important}& :is(.edgeLabel,.edgeLabel p,.edgeLabel span){background-color:var(--color-surface)!important}& :is(.labelBkg,.edgeLabel rect){fill:var(--color-surface)!important}& :is(.flowchart-link,.loopLine,.messageLine0,.messageLine1){stroke:var(--color-accent-strong)!important;stroke-width:.109375rem!important}& .actor-line{stroke:var(--color-border-strong)!important}& marker :is(path,polygon,circle),& .marker{fill:var(--color-accent-strong)!important;stroke:var(--color-accent-strong)!important}&[aria-roledescription=er]{& .relationshipLine{stroke:var(--color-accent-strong)!important}& marker :is(path,circle){fill:none!important}}& rect.rect{rx:.25rem;ry:.25rem;fill:var(--color-accent-soft)!important}&[aria-roledescription=xychart]{& .background{fill:#0000!important}& [class$=-axis] path{stroke:var(--color-border-strong)!important;stroke-width:.0625rem!important}& [class$=-axis] .label text{fill:var(--color-muted)!important}& .chart-title text{font-size:1rem!important;font-weight:600!important}& [class$=-axis] .title text{font-weight:500!important}& .plot>g{--plot-color:var(--color-accent)}& .plot>g:nth-child(3n+2){--plot-color:var(--color-highlight)}& .plot>g:nth-child(3n+3){--plot-color:var(--color-muted)}& .plot [class^=line-plot-]>path{stroke-linecap:round;stroke-linejoin:round;stroke:var(--plot-color)!important;stroke-width:.15625rem!important}& .plot [class^=bar-plot-]>rect{fill:var(--plot-color)!important;stroke:none!important}}.dark &{box-shadow:0 1.125rem 2.8125rem #0000002e;& :is(.actor,.labelBox){fill:var(--color-tag)!important}& :is(.node,.cluster) :is(rect,circle,ellipse,polygon,path){fill:var(--color-surface)!important}}@media (width>=48rem){margin-block:1.75rem;padding:1.25rem}}