:root{color-scheme:dark;font:1rem/1.55 system-ui,sans-serif;background:#09151f;color:#eff6fc}*{box-sizing:border-box}body{margin:0}header,main{max-width:68rem;margin:auto;padding:1rem clamp(1rem,4vw,3rem)}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #395164}header>a{display:flex;align-items:center;gap:.65rem;font-weight:800;text-decoration:none;font-size:1.3rem}header img{border-radius:.45rem}details{position:relative}summary,button{cursor:pointer}nav{position:absolute;right:0;background:#172c3c;padding:1rem;border-radius:.5rem;z-index:1}nav a{display:block;padding:.25rem}a{color:#72d5ff}main{padding-top:clamp(2rem,6vw,4rem)}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.13;margin:0 0 1.5rem}label{display:block;margin-bottom:.3rem}input,button{font:inherit;color:inherit;background:#14293a;border:1px solid #56758d;border-radius:.5rem;padding:.65rem}input{width:min(100%,35rem)}article{padding:1rem 0;border-bottom:1px solid #395164;overflow-wrap:anywhere}article h2{margin:0}article img{display:block;max-width:100%;height:auto;max-height:65vh;object-fit:contain}article p{white-space:pre-line}#back{display:inline-block;margin:1rem 0}[hidden]{display:none!important}:focus-visible{outline:3px solid #5bd5ff;outline-offset:3px}