html body .resource-grid .resource-name {
  font-family: "Noto Sans", sans-serif !important;
}

 body, h1, h2, h3, h4, h5,h6, span,a {
 font-family: "Noto Sans", sans-serif;
 }

/* pages에 collections를 조정 pages-my-collections */

/* 3열 그리드 */
.pages-my-collections ul.resources {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  list-style: none;
  padding: 0;
  margin: 0;
}

.pages-my-collections ul.resources > li.resource .resource-name {
  text-decoration: none;
}

.pages-my-collections ul.resources > li.resource .resource-link:hover {
  background: none !important;
}

.pages-my-collections ul.resources > li.resource .resource-link:hover .resource-name {
  text-decoration: underline;
}

/* 이미지가 영역을 꽉 채우게 (잘릴 수 있음) */
.pages-my-collections ul.resources > li.resource{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;          /* '정돈' 느낌은 보통 cover */
}

/* 카드 링크를 세로 스택으로 */
.pages-my-collections ul.resources > li.resource .resource-link {
  display: flex;
  flex-direction: column;
  gap: 12px;

  text-decoration: none;
  color: inherit;
}

/* 이미지 자체를 프레임으로 취급 */
.pages-my-collections ul.resources > li.resource .resource-link img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  object-position: center;

  border-radius: 20px;
  padding: 28px;
  box-sizing: border-box;

  display: block;
}

/* 🔑 resource-name은 절대 안 잘리게 */
.pages-my-collections ul.resources > li.resource .resource-name {
  display: block;
  white-space: normal;     /* 줄바꿈 허용 */
  overflow: visible;       /* 잘림 방지 */
  text-overflow: unset;

  line-height: 1.3;
}

@media (max-width: 900px) {
  .page-my-collections {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .page-my-collections {
    grid-template-columns: 1fr;
  }
}

/*



body.vertical-menu {
        background-color: #CFFFE5;
}

body.vertical-menu header {
    background-color: #CFFFE5;
}

.submenu-toggle:after {
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-color: #CFFFE5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.menu .active>a, .toc-block>ul .active>a, .toc-block ul ul .active>a {
    background: #CFFFE5;
    color: #0a0a0a;
}

header {
    border-top: 1rem solid #CFFFE5;
}

.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
    background-color: #CFFFE5;
    color: #0a0a0a;
}

.browse-controls .sorting button, .browse-controls .sorting button.disabled, .browse-controls .sorting button[disabled], .browse-controls .sorting button.disabled:hover, .browse-controls .sorting button[disabled]:hover, .browse-controls .sorting button.disabled:focus, .browse-controls .sorting button[disabled]:focus {
    background-color: #CFFFE5;
    color: #0a0a0a;
}
*/