:root{
  --hairline: rgba(50,50,50,.16);
  --surface-white: rgba(255,255,255,.78);
  --surface-white-strong: rgba(255,255,255,.92);
  --radius: 28px;
  --maxw: 920px;
}

body{
  line-height: 1.7;
}

main{
  padding: calc(var(--header-height) + 40px) 0 60px;
}
.panel{
  padding: 34px 34px 30px;
}

h1,
h2{
  line-height: 1.08;
  margin: 0 0 16px;
}
h1{
  font-size: clamp(20px, 6.8vw, 30px);
}
h2{
  margin-top: 34px;
  font-size: clamp(16px, 3.6vw, 24px);
}
p,
li{
  font-size: clamp(12px, 1.45vw, 16px);
}
ul{
  margin: 10px 0 0;
  padding-left: 22px;
}
li{
  margin: 8px 0;
}
.lead{
  max-width: 42em;
  font-size: clamp(12px, 1.7vw, 16px);
}
.quiet{
  color: rgba(50,50,50,.68);
}
.meta{
  margin-top: 10px;
  font-size: 14px;
  color: rgba(50,50,50,.62);
}
.divider{
  margin: 22px 0 0;
}

@media (max-width: 720px){
  .panel{
    padding: 24px 22px;
  }
  .brand-logo{
    height: 42px;
  }
}