nav {  display: flex; align-items: center; background: #f9f0ff; }
nav h1 { flex: auto; margin: 0; }
nav h1 a { text-decoration: none; padding: 0.25rem 0.5rem; }
nav ul  { display: flex; list-style: none; margin: 0; padding: 0; }
nav ul li a, nav ul li span, header .action { 
    display: block; 
    padding: 0.5rem;     
    font-weight: 550;
    font-size: larger;
     }

details {
    border: solid;
    border-color: #9b4dca;
    border-radius: 0.5rem;
    margin-bottom: -0.3rem;
    padding: 0.5em;
    padding-right: 1em;
}

details summary {
    cursor: pointer;
}

details table {
    margin-left: 0.75rem;
}