.dsm-free-guide__contents {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem 1rem;
  margin: 1.75rem 0 2.5rem;
  padding: 1rem 1.15rem;
  border: 1px solid #c8dedb;
  border-radius: 1rem;
  background: #f2faf8;
}

.dsm-free-guide__contents strong { width: 100%; color: #092f4c; }
.dsm-free-guide__contents a { font-weight: 700; }

.dsm-free-guide__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.25rem 0 2rem;
}

.dsm-free-guide__cards section {
  padding: 1.15rem;
  border: 1px solid rgba(9, 47, 76, .13);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 .35rem 1.4rem rgba(9, 47, 76, .06);
}

.dsm-free-guide__cards h3 { margin-top: 0; }

.dsm-free-guide__table { width: 100%; margin: 1.25rem 0 2rem; }
.dsm-free-guide__table th:first-child { width: 21%; }

.dsm-free-guide__formula {
  margin: 1.25rem 0 2rem;
  padding: 1.25rem 1.4rem;
  border-left: .35rem solid #0b8f84;
  border-radius: .25rem 1rem 1rem .25rem;
  background: #eaf7f5;
  color: #092f4c;
}

.dsm-free-guide__formula p { margin: 0; font-size: 1.08rem; }

.dsm-free-guide__checklist,
.dsm-free-guide__test { padding-left: 1.25rem; }

.dsm-free-guide__checklist li,
.dsm-free-guide__test li { margin: 0 0 .65rem; }

.dsm-free-guide__cta {
  margin: 3rem 0;
  padding: clamp(1.4rem, 4vw, 2.4rem);
  border-radius: 1.25rem;
  background: #092f4c;
  color: #fff;
}

.dsm-free-guide__cta h2,
.dsm-free-guide__cta p { color: #fff; }

.dsm-free-guide__cta h2 { margin-top: 0; }

#what-free-means,
#comparison,
#hidden-costs,
#right-fit,
#test,
#faq { scroll-margin-top: 6rem; }

@media (max-width: 760px) {
  .dsm-free-guide__cards { grid-template-columns: 1fr; }

  .dsm-free-guide__table,
  .dsm-free-guide__table tbody,
  .dsm-free-guide__table tr,
  .dsm-free-guide__table th,
  .dsm-free-guide__table td { display: block; width: 100%; }

  .dsm-free-guide__table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .dsm-free-guide__table tbody tr {
    margin: 0 0 1rem;
    overflow: hidden;
    border: 1px solid rgba(9, 47, 76, .14);
    border-radius: .8rem;
    background: #fff;
  }

  .dsm-free-guide__table tbody th {
    padding: .85rem 1rem;
    border: 0;
    background: #eaf5f3;
    color: #092f4c;
  }

  .dsm-free-guide__table tbody td {
    padding: .85rem 1rem;
    border: 0;
    border-top: 1px solid rgba(9, 47, 76, .1);
  }

  .dsm-free-guide__table tbody td::before {
    display: block;
    margin-bottom: .25rem;
    color: #0a625c;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .dsm-free-guide__table tbody td:nth-of-type(1)::before { content: "Free plan or DIY stack"; }
  .dsm-free-guide__table tbody td:nth-of-type(2)::before { content: "Paid studio software"; }
}

@media (max-width: 430px) {
  .dsm-free-guide__contents { display: grid; }
  .dsm-free-guide__cta .wp-block-button,
  .dsm-free-guide__cta .wp-block-button__link { width: 100%; }
  .dsm-free-guide__cta .wp-block-button__link { text-align: center; }
}

