body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#34495e;color:#dce0e1;line-height:1.6}
header{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;border-bottom:1px solid #eee;flex-wrap:wrap}
#logo{font-family:monospace;font-size:1.2rem;font-weight:900;color:#fff}
.lang-link{width:fit-content;display:inline-block;text-decoration:none;color:#fff;background-color:#344050;padding:4px 12px;border-radius:4px;font-size:.9rem;flex-shrink:0;transition:background .2s}
.lang-link:hover{background-color:#243040;text-decoration:none}
main{max-width:800px;margin:1rem auto;padding:0 1.5rem}
h1{font-size:1.2rem;margin-bottom:1rem}
h2{margin-top:1rem;font-size:1.2rem;color:#fcc}
p{margin-bottom:1rem}
ul{padding-left:1.2rem}
li{margin-bottom:.5rem}
footer{font-size:.85rem;text-align:center}
footer p{max-width:90%;font-style:italic}
@media (max-width:768px){
	header{flex-direction:column;align-items:center;gap:15px;border-bottom:none}
	.nav-container{width:100%}}