/* =========================================================
   EDITORIAL / ARTICLES LAYER
   Only instruction content styles
   ========================================================= */

/* --- base markdown --- */

.markdown{
  line-height:1.6;
}

.markdown p{
  margin:10px 0;
}

.markdown h2{
  margin:28px 0 12px;
}

.markdown h3{
  margin:20px 0 8px;
}

.markdown ul{
  margin:10px 0 10px 18px;
}

/* --- images --- */

.markdown img{
  width:100%;
  height:auto;
  border-radius:12px;
  display:block;
  margin:12px 0;
}

/* --- image rows --- */

.img-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:16px 0;
}

.img-row img{
  margin:0;
}

/* --- mobile --- */

@media (max-width: 700px){
  .img-row{
    grid-template-columns:1fr;
  }
}