:root{font:16px/1.5 system-ui,-apple-system,sans-serif;color:#172b22;background:#eaf3ee}
*{box-sizing:border-box}
body{margin:0;padding:env(safe-area-inset-top) max(1rem,env(safe-area-inset-right))
  env(safe-area-inset-bottom) max(1rem,env(safe-area-inset-left))}
main{max-width:48rem;margin:0 auto}
header{padding:1.5rem 0}
h1{font-size:1.8rem;margin:.3rem 0}h2{font-size:1.35rem}
section{background:#fff;border:1px solid #d0e1d6;border-radius:1rem;padding:1.3rem;margin:1rem 0}
section section{padding:1rem;margin:1rem 0}
label{display:block;font-weight:650;margin:1rem 0}
input,select,button{font:inherit;max-width:100%}
input,select{display:block;width:100%;padding:.8rem;border:1px solid #8ba995;border-radius:.5rem}
input[type=checkbox]{display:inline-block;width:auto;margin-right:.5rem;vertical-align:middle}
fieldset{border:1px solid #d0e1d6;border-radius:.5rem;margin:1rem 0}
fieldset label{display:inline-block;margin:.3rem 1rem .3rem 0}
button{background:#176a43;color:#fff;border:0;border-radius:.5rem;padding:.75rem 1rem;
  font-weight:650;cursor:pointer;margin:.4rem .4rem .4rem 0}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #edbd52;outline-offset:2px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem}
.stats>div{border:1px solid #d0e1d6;border-radius:.6rem;padding:1rem}
.stats strong{display:block;font-size:1.25rem}
.review{border-top:1px solid #d0e1d6;margin-top:1rem;padding-top:1rem}
[hidden]{display:none!important}