/* Blog references, clean centered source panel */
html body.ss18 main#main .blogReferences{
  width:min(920px,calc(100% - 48px));
  margin:48px auto 36px;
  padding:30px 34px 32px;
  background:#fff;
  border:1px solid #d7d2c7;
  box-sizing:border-box;
  text-align:center;
}
html body.ss18 main#main .blogReferences h2{
  margin:0 0 22px!important;
  font-size:clamp(1.6rem,2.4vw,2.15rem)!important;
  line-height:1.15!important;
  font-weight:400!important;
  color:#233126!important;
}
html body.ss18 main#main .blogReferences ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
html body.ss18 main#main .blogReferences li{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
html body.ss18 main#main .blogReferences a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:10px 14px;
  border:1px solid #ded9ce;
  background:#f8f6f0;
  color:#46583f!important;
  text-decoration:none!important;
  font-size:.9rem!important;
  line-height:1.35!important;
  text-align:center;
}
html body.ss18 main#main .blogReferences a:hover,
html body.ss18 main#main .blogReferences a:focus-visible{
  background:#e8ebe3;
  border-color:#b7c0b1;
}
@media(max-width:720px){
  html body.ss18 main#main .blogReferences{
    width:calc(100% - 32px);
    margin:36px auto 28px;
    padding:24px 18px 26px;
  }
  html body.ss18 main#main .blogReferences ul{
    grid-template-columns:1fr;
  }
}