@view-transition{navigation:auto}:root{--clr-1:#eee;--clr-2:#212121;--gap-min:2px;--gap-mid:10px;--gap-max:20px;--ui-size:40px;--col-w:960px;--calc-gap-aside:clamp(calc((100vw - var(--col-w))/2 - var(--gap-mid)),var(--gap-max),var(--gap-max));--calc-top-pan-height:calc(var(--ui-size) + var(--gap-mid)*2)}*{box-sizing:border-box}html,body{background-color:var(--clr-1);color:var(--clr-2);margin:0;padding:0;font-family:sans-serif}body{opacity:1;transition:opacity 1s;@starting-style{&{opacity:0}}}article{max-width:var(--col-w);min-height:calc(100vh - var(--ui-size)*2);padding:var(--gap-max);margin:auto;display:block;& blockquote{padding:var(--gap-max);border:var(--gap-min)solid currentColor;margin:0;display:block;& p{margin:0}}& a{color:currentColor;font-weight:700}& img[src^="https://rnd-pro.com/idn/"]{width:100%}& svg{object-fit:contain;object-position:center center;width:100%;height:auto;& path{vector-effect:non-scaling-stroke}}& ul{margin-top:20px;margin-bottom:20px;padding:0;list-style-type:none;position:relative;& li{border-left:var(--gap-min)solid currentColor;margin-bottom:0;padding:10px 10px 10px 30px;display:block;position:relative;&:before{width:10px;height:var(--gap-min);border-bottom:var(--gap-min)solid currentColor;content:"";color:currentColor;margin-right:var(--gap-mid);position:absolute;top:50%;left:0}}}& table{border-collapse:collapse;width:100%;margin-top:20px;margin-bottom:20px;& th,& td{padding:var(--gap-mid);border:var(--gap-min)solid currentColor}}}body{padding-left:var(--ui-size);display:block}header{height:var(--calc-top-pan-height);justify-content:flex-start;align-items:center;gap:var(--gap-max);z-index:1000;background-color:var(--clr-1);color:var(--clr-2);border-bottom:var(--gap-min)solid currentColor;padding-left:var(--calc-gap-aside);padding-right:var(--calc-gap-aside);font-size:1.4rem;display:flex;position:sticky;top:0}footer{height:var(--calc-top-pan-height);justify-content:space-between;align-items:center;gap:var(--gap-max);background-color:var(--clr-1);color:var(--clr-2);border-top:var(--gap-min)solid currentColor;padding-left:var(--calc-gap-aside);padding-right:var(--calc-gap-aside);display:flex}pre{font-family:monospace;& code{background-color:var(--clr-2);color:var(--clr-1);padding:var(--gap-max);display:block;overflow-x:auto;& .hljs-string{color:#f58484}& .hljs-comment{color:#84f5bd}& .hljs-attr{color:#f584f5}& .hljs-attribute{color:#bdf584}& .hljs-function{color:#8484f5}& .hljs-variable{color:#f5bd84}& .hljs-title{color:#84f5f5}& .hljs-property{color:#f584bd}& .hljs-selector-class{color:#84f584}& .hljs-keyword{color:#bd84f5}& .hljs-tag{color:#f5f584}& .hljs-name{color:#84bdf5}& .hljs-number{color:#f58484}& .hljs-params{color:#84f5bd}& .hljs-literal{color:#f584f5}& .hljs-comment{opacity:.7;font-style:italic}}}