body{
    margin: 0;
    padding: 0 clamp(0.8rem, 5vw, 4rem) 1em;
    font-family: sans-serif;
}
button {
    cursor: pointer;
    font: inherit;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
}
section {border-top: 1px solid}
ul{list-style-type: none}
section>ul{display: flex; flex-wrap: wrap; gap: 1em; padding: 0}

.flex {display: flex}
.gap {gap: .5em}
.aic {align-items: center}
.jcc {justify-content: center}
.jcb {justify-content: space-between}
.col {flex-direction: column}
.fww {flex-wrap: wrap;}

/* Vokoj */
::backdrop{background:#fff;opacity:.6}dialog{max-width:40rem;border:none;background:rgba(0,0,0,0);padding:1rem;position:relative}dialog>div{background:#faf7f5;border-radius:.3rem;box-shadow:0 0 .6rem rgba(0,0,0,.3);padding:1rem}dialog>div>*:first-child{margin-top:0}dialog .bts{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}