:root{--aqua:#afe0df;--black:#141414;--blue-dark:#09121b;--blue:#4780b3;--gray:#aaa;--gray-dark:#333;--green-dark:#11321b;--green:#61a075;--pink:#f3b9c2;--red-dark:#321911;--red:#cf6843;--white:#fef8f0;--yellow-dark:#674e22;--yellow:#f3ba56;--monospace-code-fonts:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--system-fonts:system-ui, sans-serif;--transitional-fonts:Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;--control:2.5rem;--huge:4rem;--large:2rem;--medium:1rem;--small:.5rem;--tiny:.25rem;font-size:16px;line-height:1.33}*{box-sizing:border-box}a{color:color-mix(in srgb, var(--blue), var(--white))}aside{background-color:color-mix(in srgb, var(--gray), var(--gray-dark) 75%);border-radius:var(--tiny);margin-top:var(--small);padding:var(--tiny) var(--small);& p:first-child{margin-top:0}}blockquote{border-left:2px solid var(--green);margin-left:0;margin-top:var(--small);padding-left:var(--small)}body{background-color:var(--gray-dark);color:var(--white);font-family:var(--system-fonts);margin:0}button{background-color:var(--green);border-radius:var(--small);cursor:pointer;font-family:var(--system-fonts);height:var(--control);padding:var(--tiny) var(--medium);border:0;outline:none;font-size:.9rem;font-weight:500;&.red{background-color:var(--red)}}code,pre{font-family:var(--monospace-code-fonts);font-size:.85em;font-weight:500}dialog{background-color:var(--gray-dark);border-radius:var(--tiny);font-family:var(--system-fonts);border-width:0;outline:none;width:20rem;padding:0;font-size:1rem;font-weight:400;&::backdrop{backdrop-filter:blur(3px);background-color:#0008}& form{gap:var(--small);flex-direction:column;display:flex}& h2{background-color:color-mix(in srgb, var(--blue), var(--gray-dark));column-gap:var(--small);justify-content:flex-start;margin:0;& button[command=close]{padding:var(--tiny) .75rem;border-radius:0;font-size:1em}}& section{padding:var(--small);& p{margin:var(--small) 0}& ul{margin:0}}}footer{background-color:var(--yellow);color:var(--black);margin-top:var(--large);padding:var(--medium);text-align:center;justify-content:center;align-items:center;font-size:.85em;display:flex;& a{color:var(--blue-dark)}}h1{color:color-mix(in srgb, var(--blue), var(--white) 65%);font-family:var(--transitional-fonts);text-align:center;margin:0;font-weight:300;line-height:1}h2{color:var(--yellow);font-family:var(--transitional-fonts);margin:var(--large) 0 0;justify-content:space-between;align-items:center;font-size:1.25rem;display:flex;&+p{margin-top:var(--small)}}h3{color:var(--yellow);font-family:var(--transitional-fonts);margin:var(--medium) 0 0;font-size:1.125rem;&+p{margin-top:var(--tiny)}}h6{color:color-mix(in srgb, var(--blue), var(--white));margin:var(--tiny) 0 0;opacity:.8;text-align:center;font-size:.9em;font-style:italic;font-weight:500}header{padding-top:var(--large);text-align:center;margin-inline:auto}hr{background-color:var(--green);height:2px;margin:var(--large) 0;opacity:.25;border:none}input{background-color:var(--black);border-radius:var(--tiny);font:inherit;padding:var(--tiny) var(--small);border-width:0;outline:none}label{flex-direction:column;display:flex;& span{font-weight:500}}main{margin-inline:auto;margin-top:var(--medium);max-width:640px;padding:var(--medium)}nav{margin-top:var(--medium);justify-content:center;display:flex;& a{background-color:var(--green);color:var(--white);padding:calc(1.5 * var(--small)) var(--medium);justify-content:center;align-items:center;font-size:.9em;font-weight:500;text-decoration:none;display:flex;&.current{background-color:var(--blue)}&:first-child{border-bottom-left-radius:var(--small);border-top-left-radius:var(--small)}&:not(:first-child){border-left:1px solid var(--gray-dark)}&:last-child{border-bottom-right-radius:var(--small);border-top-right-radius:var(--small)}}}ol{padding-left:var(--large);&:not(:first-child){margin-top:.125rem}}p{margin:var(--medium) 0 0}table{border-collapse:collapse}td{padding:0 var(--tiny)}th{padding:0 var(--tiny);text-align:left}ul{padding-left:calc(var(--medium) + var(--small));&:not(:first-child){margin-top:.125rem}& ul{margin-top:0}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}
