:root{--bg:#fff;--text:#000}@media (prefers-color-scheme:dark){:root{--bg:#121212;--text:#e0e0e0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background-color:var(--bg)}.wrapper{max-width:700px;margin:0 auto;padding:2rem 3rem}header h1{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}header h1 a{color:var(--text);text-decoration:none}header nav{display:flex;gap:1.5rem}header nav a{color:var(--text);text-decoration:none;font-size:.9rem}header nav a:hover{text-decoration:underline}hr{border:none;height:12px;background-color:var(--text);margin-top:1rem}.headline,hr{margin-bottom:.5rem}.headline{font-size:1.5rem;font-weight:700;line-height:1.3}p{margin-bottom:1rem;text-align:left}a{color:var(--text)}a:hover{text-decoration:underline}ul{margin:1rem 0;padding-left:1.25rem}ul li{margin-bottom:.35rem}@media (max-width:480px){body{font-size:14px;-webkit-text-size-adjust:100%}.wrapper{padding:1.5rem max(1.25rem,env(safe-area-inset-right)) 1.5rem max(1.25rem,env(safe-area-inset-left))}.headline{font-size:1.25rem}}