/* sanCheck 정적 문서 페이지(public/*.html) 공통 반응형 스타일.
   Tailwind CDN 유틸리티 클래스를 직접 덮어쓰지 않고, doc-container / doc-card-grid
   마커 클래스와의 조합에만 적용되도록 스코프를 좁혀 다른 요소에 영향을 주지 않는다. */

.doc-container {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1024px) {
  .doc-container.max-w-2xl {
    max-width: 48rem;
  }
  .doc-container.max-w-3xl {
    max-width: 56rem;
  }
  .doc-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .doc-container.max-w-2xl {
    max-width: 56rem;
  }
  .doc-container.max-w-3xl {
    max-width: 64rem;
  }
  .doc-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}