:root{
  --bg:#eef3ee;
  --text:#1b2420;
  --muted:#4a5a52;
  --line:#c5d4c8;
  --chem:#0d7a6f;
  --lime:#5fbe2f;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.62}
.wrapper{width:min(980px,calc(100% - 32px));margin:0 auto;padding:42px 0 70px}
.header{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}
.brand{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--chem);font-weight:700}
h1{font-size:34px;line-height:1.15;margin:12px 0 8px}
h2{font-size:23px;margin:34px 0 12px;border-top:1px solid var(--line);padding-top:22px}
h3{font-size:18px;margin:22px 0 10px}
p,li{font-size:16px}
ul,ol{padding-left:23px}
a{color:var(--chem);text-decoration:underline;text-underline-offset:3px}
.box{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px;margin:18px 0}
.small{font-size:14px;color:var(--muted)}
.table{width:100%;border-collapse:collapse;margin:14px 0}
.table th,.table td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top;background:#fff}
.footer{border-top:1px solid var(--line);margin-top:34px;padding-top:18px;color:var(--muted);font-size:14px}
@media(max-width:760px){h1{font-size:28px}}