.site-header{display:flex;flex-direction:column;align-items:center;padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.site-title{font-size:2.2rem;font-weight:700;margin:0 0 .5rem;letter-spacing:.02em;text-align:center}.site-nav ul{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0;justify-content:center}.site-nav li{margin:0}.site-nav a{font-size:1.1rem;font-weight:500;color:var(--link-color);text-decoration:none;padding:.25rem .5rem;border-radius:4px;transition:background .2s,color .2s}.site-nav a:hover{color:var(--link-hover-color);background:rgba(0,0,0,4%)}:root{--text-color:#222;--bg-color:#fff;--border-color:#222;--link-color:#00e;--link-hover-color:#0066cc}@media(prefers-color-scheme:dark){:root{--text-color:#e8e8e8;--bg-color:#1a1a1a;--border-color:#444;--link-color:#66b3ff;--link-hover-color:#99ccff}}body{color:var(--text-color);background-color:var(--bg-color);font-family:sans-serif;font-size:20px;line-height:1.5;margin:0;min-height:100vh;transition:background-color .3s ease,color .3s ease}.site-content{max-width:768px;margin-left:auto;margin-right:auto;padding:1rem;box-sizing:border-box}@media(max-width:600px){.site-content{max-width:100vw;padding:.5rem}}header{border-bottom:1px solid var(--border-color);margin-bottom:1rem}footer{border-top:1px solid var(--border-color);margin-top:1rem}a{color:var(--link-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--link-hover-color)}svg{display:block;max-width:100%;height:auto}