*{box-sizing:border-box} body{margin:0;background:#edf3f8;font-family:Arial,sans-serif;display:flex;justify-content:center;min-height:100dvh} main{position:relative;width:min(100%, 56.25dvh);align-self:flex-start} svg{width:100%;height:auto;display:block} svg a rect{fill:transparent;cursor:pointer} svg a:focus rect{stroke:#fff;stroke-width:3;fill:#ffffff22} details{position:absolute;right:3%;top:2%;z-index:2} summary{list-style:none;cursor:pointer;background:#164774;color:white;border-radius:8px;padding:8px 11px;font-size:22px;line-height:1} summary::-webkit-details-marker{display:none} nav{position:absolute;right:0;width:185px;background:white;border-radius:10px;box-shadow:0 5px 22px #0004;overflow:hidden} nav a{display:block;padding:12px;color:#164774;text-decoration:none;border-bottom:1px solid #eee} nav a:hover{background:#d9f9ef}