@media screen{*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;max-width:100%}body{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;font:normal 1rem/1.5 sans-serif}header{display:flex}main{display:flex;align-content:start;flex-wrap:wrap;gap:1rem;& article{flex:999 1 40ch;min-width:0}& aside{flex:1 1 30ch}}.pagination{width:100%}footer{display:flex}.flex{display:flex}.fr{flex-direction:row}.fc{flex-direction:column}.jc{justify-content:center}.ja{justify-content:space-around}.jb{justify-content:space-between}.je{justify-content:flex-end}.as{align-items:flex-start}.ac{align-items:center}.ae{align-items:flex-end}.astretch{align-items:stretch}.fw{flex-wrap:wrap}.gap1{gap:1rem}.gap2{gap:2rem}.flexy>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;& figure{margin-bottom:0}&>*{flex:1 1 300px;padding:1rem;min-width:0;max-width:100%}}.flexy.at>div{align-items:start}form{display:flex;flex-direction:column;gap:.5rem;margin:0 auto;width:100%}fieldset{border:0;& div>div{margin-bottom:1rem}}legend{display:none}label{display:block}form label{font-weight:700;font-size:.85rem;text-box-trim:trim-both;text-transform:uppercase}label:has([required])::after{content:"(Required)";color:#ccc}input,textarea,select{font:inherit;letter-spacing:inherit;word-spacing:inherit}input,textarea{padding:.5rem;border:1px solid #ddd;border-radius:3px}input:not(:where([type="submit"],[type="checkbox"],[type="radio"],[type="reset"])){inline-size:100%}textarea{field-sizing:content;min-height:100px;inline-size:100%;max-inline-size:100%}form :is([type="checkbox"],[type="radio"]){accent-color:var(--accent)}}