/* 목업 UI — PC에서 크게 스케일 */

.page-marketing .dp-mock-blog,
.page-marketing .dp-mock-keywords,
.page-marketing .dp-mock-place,
.page-marketing .dp-mock-proof {
  max-width: min(28rem, 100%);
}

@media (min-width: 1024px) {
  .page-marketing .dp-mock-blog,
  .page-marketing .dp-mock-keywords,
  .page-marketing .dp-mock-place,
  .page-marketing .dp-mock-proof {
    max-width: 32rem;
  }

  .page-marketing .dp-mock-blog__input {
    padding: 0.85rem 1rem;
  }

  .page-marketing .dp-mock-blog__input-text {
    font-size: 0.875rem;
  }

  .page-marketing .dp-mock-blog__btn {
    padding: 0.5rem 0.85rem;
    font-size: 0.75rem;
  }

  .page-marketing .dp-mock-blog__stat-val {
    font-size: 1.375rem;
  }

  .page-marketing .dp-mock-blog__stat-lbl {
    font-size: 0.6875rem;
  }

  .page-marketing .dp-mock-keywords__head {
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
  }

  .page-marketing .dp-mock-post {
    padding: 0.85rem;
    gap: 0.85rem;
  }

  .page-marketing .dp-mock-post__thumb {
    width: 3rem;
    height: 3rem;
  }

  .page-marketing .dp-mock-post__title {
    height: 0.55rem;
    margin-bottom: 0.5rem;
  }

  .page-marketing .dp-mock-post__tag {
    font-size: 0.6875rem;
    padding: 0.2rem 0.55rem;
  }

  .page-marketing .dp-mock-post__rank-num {
    font-size: 1.25rem;
  }

  .page-marketing .dp-mock-post__rank-lbl {
    font-size: 0.625rem;
  }

  .page-marketing .dp-mock-place__field {
    padding: 0.75rem 0.85rem;
    font-size: 0.875rem;
  }

  .page-marketing .dp-mock-place__go {
    width: 2.75rem;
    font-size: 1rem;
  }

  .page-marketing .dp-mock-place__row {
    padding: 0.75rem 0.85rem;
    font-size: 0.8125rem;
  }

  .page-marketing .dp-mock-place__rank {
    width: 1.5rem;
    font-size: 1rem;
  }

  .page-marketing .dp-mock-place__delta {
    font-size: 0.75rem;
  }

  .page-marketing .dp-mock-place__ad {
    font-size: 0.6875rem;
    padding: 0.2rem 0.45rem;
  }

  .page-marketing .dp-mock-proof__alert {
    padding: 0.85rem 1rem;
    font-size: 0.8125rem;
  }

  .page-marketing .dp-mock-proof__alert-icon {
    width: 2rem;
    height: 2rem;
    font-size: 0.875rem;
  }

  .page-marketing .dp-mock-proof__share {
    padding: 1rem 1.15rem;
  }

  .page-marketing .dp-mock-proof__share-label {
    font-size: 0.6875rem;
  }

  .page-marketing .dp-mock-proof__url {
    font-size: 0.8125rem;
    padding: 0.65rem 0.85rem;
  }

  .page-marketing .dp-mock-proof__metric-val {
    font-size: 1.25rem;
  }

  .page-marketing .dp-mock-proof__metric-lbl {
    font-size: 0.6875rem;
  }
}