:root{color-scheme:light;font:16px 'Segoe UI',Calibri,Arial,sans-serif;color:#25312f;background:#f6f3ed}
*{box-sizing:border-box}
body{margin:0}
[hidden]{display:none!important}
main{max-width:75rem;margin:auto}
.actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
main{padding:1rem}
a{color:#0f766e}
h1{margin-bottom:.3rem}
.notice,.panel,article,#saved-list{background:#fffdf8;border:1px solid #ded6c7;border-radius:.7rem;padding:1rem}
.notice{border-left:.3rem solid #0f766e}
.filters,.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
.wide{grid-column:1/-1}
.filters label{display:grid;gap:.3rem}
.filters .check{display:flex;align-items:center}
button,input,select{font:inherit}
input,select{min-width:0;border:1px solid #b7ab97;border-radius:.4rem;padding:.55rem}
button{background:#0f766e;color:#fff;border:0;border-radius:.4rem;padding:.65rem .85rem;cursor:pointer}
button:disabled{opacity:.55;cursor:default}
article{overflow-wrap:anywhere}
article h2{font-size:1.15rem}
#pagination,#saved-list,#calculator{margin-top:1rem}
.placeholder{border-radius:.35rem;background:#d9f0eb;color:#0f665f;padding:.55rem;font-size:.85rem}