@import url("/public/css/blog/article-template.css");

/* Keep each design's photo and explanation inside one visual group. */
.heribase-article-template .atlas-card {
  border: 1px solid #405570;
  border-radius: 16px;
  background: #192a40;
  overflow: hidden;
}
.heribase-article-template .atlas-card .photo {
  margin: 0;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #405570;
}
.heribase-article-template .atlas-card .atlas-copy {
  padding: 20px 22px 24px;
}
.heribase-article-template .atlas-card .atlas-copy dl {
  margin-bottom: 0;
}
@media (max-width: 760px) {
  .heribase-article-template .atlas-card .atlas-copy { padding: 18px; }
}

@media (min-width: 761px) {
  .heribase-article-template .atlas-grid { align-items: stretch; }
  @supports (grid-template-rows: subgrid) {
    .heribase-article-template .atlas-grid { row-gap: 0; }
    .heribase-article-template .atlas-card {
      display: grid;
      grid-row: span 8;
      grid-template-rows: subgrid;
      row-gap: 0;
      margin-bottom: 32px;
    }
    .heribase-article-template .atlas-card .photo {
      display: grid;
      grid-row: span 2;
      grid-template-rows: subgrid;
      row-gap: 0;
    }
    .heribase-article-template .atlas-card .atlas-copy {
      display: grid;
      grid-row: span 6;
      grid-template-rows: subgrid;
      row-gap: 0;
    }
    .heribase-article-template .atlas-card .atlas-copy dl {
      display: grid;
      grid-row: span 4;
      grid-template-rows: subgrid;
      row-gap: 0;
      margin-top: 0;
    }
  }
}