@font-face{font-family:"Jost";font-weight:100 900;src:url("../fonts/JostVariable.woff2") format("woff2")}@font-face{font-family:"Inter";font-weight:100 900;src:url("../fonts/InterVariable.woff2") format("woff2")}@font-face{font-family:"Roboto Mono";font-weight:100 700;src:url("../fonts/Roboto MonoVariable.woff2") format("woff2")}*{margin:0;padding:0}body{--background-color: #fff;--accent-color: #2257E7;--headline-color: #12141f;--text-color: #242424;--secondary-text-color: #919191;--border-color: #d1d3d6;--table-background-variant: #f6f7f8;--inline-code-background: #b5babf3d;--link-color: #1c70d1}body.dark-theme{--background-color: #1b1b1d;--accent-color: #6386e6;--headline-color: #e0e1eb;--text-color: #d6d6d6;--secondary-text-color: #adadad;--border-color: #464649;--table-background-variant: #252527;--inline-code-background: #0b0c0fe7;--link-color: #639fee}html{font-size:1em}body{background-color:var(--background-color);color:var(--text-color)}.content{width:100%;max-width:768px;margin:0 auto;display:flex;flex-direction:column;justify-content:center}header{margin-top:80px;padding-bottom:32px;font-family:"Jost",Arial,sans-serif;border-bottom:1px solid var(--border-color)}header #hero_image{width:auto;height:310px;overflow:hidden;border-radius:15px;margin-bottom:50px;margin-left:-30px;margin-right:-30px}header #hero_image img{width:100%;height:auto}header h1{font-size:2.8rem;margin:4px 0px 0px 0px;color:var(--headline-color)}#topic{color:var(--accent-color);font-weight:bold;font-size:1.1rem}#article_info{color:var(--secondary-text-color);font-size:1.1rem}#article_info .info_item{display:flex;align-items:flex-start;padding:4px 28px 4px 4px;line-height:calc(1.1rem + 8px)}#article_info .info_item svg{display:inline;height:1rem;width:1rem;min-width:1rem;margin:4px 8px 0 2px;color:var(--secondary-text-color)}#tags{display:flex;flex-wrap:wrap;row-gap:10px;margin-top:16px}tag{padding:2px 14px;border:1px solid var(--accent-color);border-radius:9999px;color:var(--accent-color);font-size:.9rem;font-weight:500;margin-right:10px}main{text-align:justify;font-size:1.15rem;font-family:"Inter",Arial,sans-serif;font-weight:400;line-height:1.4;margin-top:30px}h2,h3,h4,h5,h6{font-family:"Jost",Arial,sans-serif;text-align:left}h5{font-size:1.15rem}h4{font-size:1.27rem;margin-top:12px;margin-bottom:4px}h3{font-size:1.5rem;margin-top:18px;margin-bottom:5px}h2{font-size:1.96rem;margin-top:24px;margin-bottom:6px}p{margin-bottom:1.15rem}hr{color:var(--di)}code{white-space:pre;display:block;font-family:"Roboto Mono",Courier,monospace;font-size:.98rem;margin:24px 0;line-height:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4}code.hljs{padding:16px;border-radius:5px;text-wrap:wrap;overflow-wrap:anywhere;text-align:left}code.inline{display:inline-block;padding:2px 6px;margin:1px 0;background-color:var(--inline-code-background)}code.inline.nohighlight{background-color:rgba(0,0,0,0);padding:0;margin:0;font-size:1.04rem}code.inline.wrap{display:inline}#sources_table,#sources_table th,#sources_table td{border:none}table{border-collapse:collapse;margin:24px auto;display:block;width:100%;overflow-x:auto}#sources_table{width:100%;padding:16px 0px;margin-top:8px}td,th{padding:6px 12px;border:1px solid var(--border-color)}#sources_table th,#sources_table td{vertical-align:top}tr:nth-child(even){background-color:var(--table-background-variant)}tr:nth-child(even) code{background-color:var(--inline-code-background)}#sources_table tr{background-color:rgba(0,0,0,0)}main a{color:var(--link-color)}main a.no-color{color:inherit}blockquote{margin-bottom:1.15rem;border-left:solid .25rem var(--border-color);padding-left:1rem;color:color-mix(in srgb, var(--text-color), transparent 25%)}hr{border:none;border-bottom:1px solid var(--border-color);margin:1.15rem 0px}kbd{font-size:.98rem;border:1px solid var(--border-color);border-radius:7px;padding:2px 5px;background-color:color-mix(in srgb, var(--border-color) 20%, transparent);box-shadow:inset 0 -1px 0 var(--border-color)}kbd.plain{border:none;box-shadow:none;background-color:rgba(0,0,0,0)}ul{margin-left:1.25em}@media only screen and (max-width: 875px){.content{width:85%;margin:0 auto}header #hero_image{width:100%;height:auto;aspect-ratio:828/310;margin-left:0px;margin-right:0px}}@media only screen and (max-width: 700px){header #hero_image{margin-bottom:32px}}@media only screen and (max-width: 430px){header #hero_image{margin-bottom:24px}}