:root{
  --turq:#38c2d4;
  --turq-dark:#1e9fb1;
  --brown:#604219;
  --brown-soft:#8d6b40;
  --yellow:#ffd028;
  --bg:#fffdf6;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'Heebo',sans-serif;
  background:var(--bg);
  color:var(--brown);
  line-height:1.7;
}
.wrap{max-width:760px;margin:0 auto;padding:40px 20px 80px}
h1{
  font-family:'Heebo',sans-serif;
  font-weight:800;
  font-size:clamp(1.7rem,5vw,2.4rem);
  margin-bottom:8px;
  color:var(--brown);
}
h1 .hl{color:var(--turq-dark)}
.updated{color:var(--brown-soft);font-size:.9rem;margin-bottom:28px}
h2{
  font-family:'Heebo',sans-serif;
  font-weight:800;
  font-size:1.25rem;
  margin:30px 0 8px;
  color:var(--turq-dark);
}
p,li{color:var(--brown-soft);margin-bottom:10px}
ul{padding-inline-start:22px;margin-bottom:10px}
a{color:var(--turq-dark);font-weight:600}
.back{
  display:inline-block;margin-top:36px;
  background:var(--yellow);color:var(--brown);
  text-decoration:none;font-weight:700;
  padding:10px 22px;border-radius:999px;
}