*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;line-height:1.5}.page{width:min(100% - 2rem,76rem);margin:0 auto;padding:1.5rem 0 3rem}header,section,article,footer{margin-block:2rem}nav{margin-bottom:2rem}h1{white-space:nowrap;max-width:none;font-size:4rem;line-height:1}h2{margin-top:3rem}article{border-top:1px solid;padding-top:1.5rem}label{gap:.25rem;display:grid}input,select,button{font:inherit}input,select{width:100%;max-width:34rem}button{cursor:pointer}button:disabled{cursor:not-allowed}.filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-block:1rem;display:grid}.meta{color:#555}dt{margin-top:1rem;font-weight:700}dd{margin-left:0}footer{border-top:1px solid;padding-top:2rem}@media (max-width:800px){h1{font-size:2.5rem}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){h1{font-size:2rem}.filters{grid-template-columns:1fr}}