:root{--link-colour:#265d88;--link-underline-colour:#265d8840;--page-width:56rem}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-feature-settings:"ordn";font-feature-settings:"liga", "clig";src:url(/static/LoraGX.subset.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora;font-style:italic;font-display:swap;font-feature-settings:"ordn";font-feature-settings:"liga", "clig";src:url(/static/LoraItalicGX.subset.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{tab-size:4;height:100%;scroll-padding-top:1em;line-height:1.6}body{box-sizing:border-box;background:url(/static/basik-paper-2.avif) 50%;min-height:100%;margin:0;font-family:Lora,Georgia,Times New Roman,serif}main{flex-grow:1}a{color:var(--link-colour);text-decoration:none}main a{text-decoration:underline;text-decoration-color:var(--link-underline-colour);text-underline-offset:5px}main>article>h2:first-child a{text-underline-offset:.25rem}a:hover{color:#428bcab3}strong{font-weight:600}h1,h2,h3,h4{margin:1.5rem 0 .75rem;font-weight:500;line-height:1.3em;& strong{font-weight:700}}h1{font-size:2.6rem}h2{font-size:2rem}h3{font-size:1.6rem}h4{font-weight:600}hr{background-color:#ddd;border:0;height:1px;margin:1.5rem 0}code,kbd,pre{font-size:inherit}abbr{text-underline-offset:5px;text-decoration-thickness:.1em}.toc>ol ol{margin-top:.25rem;margin-left:-.5rem}.toc>ol>li>ol{list-style-type:lower-roman}.toc li li{padding-bottom:.25rem}.toc>ol>li>ol>li>ol{list-style-type:lower-latin}p.meta{font-variant:small-caps;margin:0 0 .5rem;& a{margin-left:.5rem}}body{flex-direction:column;justify-content:start;padding:2rem;display:flex}@keyframes logo-gradient{0%{background-position:0 0,0 0,0%}50%{background-position:0 0,0 0,100%}to{background-position:0 0,0 0,0%}}body>header{flex-flow:wrap;grid-area:side;gap:1rem .75rem;font-size:1.2rem;display:flex}main{box-sizing:border-box;flex-direction:column;grid-area:main;gap:1.5rem;padding:0 2rem;display:flex;& header{padding:1rem 0;font-size:1.7rem;line-height:2.3rem;& span{white-space:nowrap}& p.meta{font-size:1rem}& h1{margin:1rem 0 .75rem}}&>article{flex-grow:1;font-size:1.1rem;line-height:1.8em;& :first-child{margin-top:0}}&>header,&>article{&>:last-child{margin-bottom:0}}}body>footer{text-align:center;font-variant:small-caps;grid-area:footer;padding:.5rem 2rem;font-size:1.2rem}nav.paginator{border-radius:2px;flex-flow:wrap;justify-content:center;align-items:end;gap:.6rem 1.3rem;width:100%;display:flex;& a{font-size:1.4rem;display:block;&[aria-current^=page]{border-top:2px solid var(--link-colour)}text-decoration:none}&:first-child{margin-bottom:0}}kbd{background:#eee;border:1px solid #ccc;border-radius:3px;padding:0 3px}body>header,main{width:100%;max-width:var(--page-width);margin:0 auto}body>header{box-sizing:border-box;flex-direction:row;align-items:end;padding:0 2rem;& a:first-child{flex-grow:1;align-items:center;margin-bottom:0;display:flex;&:before{content:"↩ ";margin-right:.7rem}}}@media only screen and (width<=50rem){body{padding:2rem 0}body>header,main{padding:0 1.5rem}body>header{flex-wrap:wrap;gap:1rem;padding:.5rem 1.5rem}main{flex-grow:1}}@media only screen and (width<=35rem){body{padding-top:1rem}main>header{border-radius:0!important}body>header,main{padding:0 1rem}main>article>pre,main>article>pre[class^=language-]{border-radius:0}}@media only screen and (width>=42rem){body{margin:0;padding:2rem 0}}@media (prefers-color-scheme:dark){body{color:#fff;background:#111}body>header a:first-child:before{box-shadow:none}aside,main>article>.notice{background:#333}figure:not(.nobg) img{background:#fff}a{color:#64a3d4;text-decoration-color:#64a3d440}}svg a{text-decoration:none}body>main:first-child>header:first-child{margin-bottom:2rem;& h1{margin-top:0;margin-right:1rem}}.tags{flex-wrap:wrap;gap:.5rem .75rem;margin-top:1rem;display:flex}.tags *{padding:.3rem .6rem;display:inline-block}.tags a{background:#eee;border-radius:4px;text-decoration:none;&:hover{background:#ddd}}
