*{box-sizing:border-box}:root{--bg-color: #fcfdfe;--text-color: #000c18;--accent-color: #22aa44;--accent-hover: #9966b8}@media (prefers-color-scheme: dark){:root{--bg-color: #100c08;--text-color: #b7b8b9}}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.125rem;line-height:1.8;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;overflow:auto;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{width:0;height:0}a{color:var(--accent-color);font-weight:700;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25em;text-decoration-thickness:.125em;transition:color .3s,text-decoration-color .3s}a:hover,a:focus{color:var(--accent-hover);text-decoration-color:currentColor}a:focus-visible{outline:.2rem solid var(--accent-color);outline-offset:.25rem;border-radius:.2rem}.sr-only{position:absolute;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.highlight{background:var(--accent-hover);color:#fcfdfe}h1{font-size:1.75rem}h2{margin:0 0 .75em;font-weight:700;line-height:1.3;font-size:2rem}@media (max-width: 48em){h1,h2{font-size:1.75rem}}header{padding:.5em;text-align:center;background:var(--bg-color)}header h1{font-size:1.75rem;padding-left:1rem}.header-top{display:flex;justify-content:center;align-items:center;gap:2rem}@media (max-width: 48em){.header-top{justify-content:space-between;text-align:left}header{position:sticky;top:0;z-index:1000;background:var(--bg-color)}}nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}nav a{font-weight:600;font-size:1.125rem}.menu-toggle{display:none;background:none;border:0;font-size:1.75rem;cursor:pointer;color:var(--text-color)}@media (max-width: 48em){.menu-toggle{display:block}nav ul{flex-direction:column;align-items:center;gap:1.25rem;display:none}nav ul.open{display:flex}}main{flex-grow:1;width:100%;max-width:80vw;margin:0 auto;padding:2em 4em}@media (max-width: 48em){main{padding:1em}}section{margin-bottom:2em;padding:0 2%}footer{padding:.5em;text-align:center;font-size:1.05rem;color:var(--text-color);background:var(--bg-color)}