:root{font-family:monospace;--max-width: 1200px;--max-width-xl: 1600px;--bg-color: #fff;--text-color: #000;--border-color: #000;--border-color-light: #000}:root[data-theme=dark]{--bg-color: #0a0a0a;--text-color: #e8e8e8;--border-color: #e8e8e8;--border-color-light: #e8e8e8}:root{color:var(--text-color);background:var(--bg-color)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}main{padding:0 1rem;flex:1}h1{font-size:1rem;font-weight:600}a:not(.image-link){color:inherit;text-decoration:none;background:none;outline:none;cursor:pointer;transition:opacity .2s,text-decoration .2s}a:hover,a:focus{opacity:.7;text-decoration:underline}header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-color);padding:1.25rem}header nav{display:flex;gap:2rem}header nav a{font-size:1rem}footer{display:flex;justify-content:center;align-items:center;padding:1.25rem;border-top:1px solid var(--border-color-light);margin-top:2rem}.theme-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;padding:0;transition:opacity .2s;display:flex;align-items:center;line-height:1}.theme-toggle:hover{opacity:.7}.theme-toggle svg{width:20px;height:20px;fill:var(--text-color);stroke:var(--text-color);color:var(--text-color)}@media (min-width: 1024px){h1{font-size:1.5rem}header{padding:1.25rem 8rem}header nav{gap:2.5rem}header nav a{font-size:1.25rem}}