:root {
 --q305-brand:#2ed36a; --q305-accent:#21eec9; --q305-ink:#4d4c5a;
 --q305-paper:#fff; --q305-wash:#f8f9fa; --q305-rule:#dbe8ff;
 --q305-copy:16px; --q305-reader:1200px; --q305-round:20px;
 font-size:max(66px,5.208333333vw);color-scheme:light;scrollbar-gutter:stable;
}
*{box-sizing:border-box}
body,h1,h2,h3,p,figure,dl,dd{margin:0}
body{font:12px serif;color:var(--q305-ink);background:var(--q305-paper)}
main{overflow-x:clip}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
img{max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #157e43;outline-offset:5px}
html{scroll-behavior:smooth;scroll-padding-top:100px}
em{color:var(--q305-brand);font-style:normal}
mark{color:inherit;background:var(--q305-accent);border-radius:.3rem}
ul{list-style:none;margin:0;padding:0}
::selection{color:#123b24;background:#b9f1cc}
input{caret-color:#157e43}
.q305-skip{position:fixed;z-index:500;inset:4px auto auto 8px;transform:translateY(-150%);background:#fff;font:16px sans-serif;padding:12px}
.q305-skip:focus{transform:none}
.q305-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:768px){:root{font-size:13.333333333vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}