.post-content pre{box-sizing:border-box;--code-padding-inline: 1rem;width:min(calc(var(--code-width, 100ch) + var(--code-padding-inline) + var(--code-padding-inline) + 2px),64rem);max-width:calc(100vw - 2rem);max-height:calc(100% - 1.5rem);margin:1.5rem calc(var(--spacing) * 7);padding-block:.875rem;padding-inline:var(--code-padding-inline);overflow-x:auto;overflow-y:auto;border:1px solid var(--color-gray-200);border-radius:.25rem;background:var(--color-gray-50);color:var(--color-gray-950);font-family:Fira Code Variable,ui-monospace,monospace;font-size:.75rem;line-height:1.55;direction:ltr;text-align:left;white-space:pre;writing-mode:horizontal-tb;text-orientation:mixed;overscroll-behavior:contain}.post-content pre.vertical-code{width:max-content;height:max-content;max-width:calc(100vw - 2rem);max-height:calc(100% - 3rem);writing-mode:vertical-rl}.post-content a{color:var(--color-amber-800);text-decoration-line:underline;text-underline-position:left;outline-color:var(--color-amber-800)}@media(hover:hover){.post-content a:hover{outline-style:solid;outline-width:1px;outline-offset:1px}}.post-content .token.comment{color:var(--color-gray-500)}.post-content .token.important{color:var(--color-amber-900);font-weight:600}.post-content ul{list-style:none;padding-inline-start:1ic}.post-content li:before{display:inline-block;inline-size:1ic;block-size:1ic;margin-inline-end:1ic;color:var(--color-amber-700);font-size:.5em;line-height:1ic;text-align:center;content:"•"}.post-content li{list-style-position:inside;padding-inline-start:1ic;text-indent:-1ic}@media(min-width:48rem){.post-content pre{--code-padding-inline: 1.5rem;font-size:.8125rem}}
