@layer quartz-base{.navigation{margin:0}.navigation ul{flex-flow:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.navigation li{margin:0;padding:0}.navigation a{color:var(--gray);border-radius:5px;padding:.5rem .75rem;text-decoration:none;transition:background-color .2s,color .2s;display:block}.navigation a:hover{background-color:var(--lightgray);color:var(--dark)}.navigation a.active{background-color:var(--secondary);color:var(--light);font-weight:600}@media (max-width:600px){.navigation ul{gap:.5rem}.navigation a{padding:.4rem .6rem;font-size:.9rem}}}