.content-collection + .content-collection {
   padding-top: 3rem;
}

.collection-body + .collection-body {
   padding-top: 1rem;
}

.category-title {
   margin: 2rem 0;
   padding-bottom: 1rem;
   border-bottom: 1px solid #ccc;
   font-size: 1.2rem;
   text-align: center;
}

.content-collections {
   margin-top: 3rem;
}

.content-collection, .collection-body {
	scroll-margin-top: 40px;
}

.collection-title {
	margin: 0.5rem 0;
	font-size: 1.3rem;
   font-family: hiragino-kaku-gothic-pron, sans-serif;
}

.collection-subtitle {
   margin: 1.5rem 0 0.5rem;
   font-size: 1.1rem;
}

.collection-body .cards-grid-2 {
   gap: 4rem
}

.about-test {
   margin: 0.75rem 1rem 0;
   text-align: right;
}

.about-test a {
   padding-left: 1rem;
   position: relative;
   color: var(--accent-color-2);
   font-size: 0.9rem;
}

.about-test a::before {
   position: absolute;
   left: 0;
   top: 50%;
   content: '▶';
   font-size: 0.8rem;
   transform: translateY(-50%);
}

.about-test a:hover {
   text-decoration: underline;
}

.book-card-link {
   padding: 1.5rem 2rem;
   background: white;
   border-radius: 10px;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   color: #333;
   line-height: 1.4;
}

.book-cover {
   width: 120px;
   height: 170px;
   object-fit: cover;
   margin-bottom: 1.5rem;
   border-radius: 4px;
}

.book-title {
   margin-bottom: 0.5rem;
   font-weight: bold;
   font-size: 1.1rem;
   word-break: keep-all;
   text-overflow: ellipsis;
}

.book-author {
   margin-bottom: 1rem;
   font-size: 0.9rem;
   color: #666;
}

.book-desc {
   margin-bottom: 1rem;
   font-size: 0.9rem;
   text-align: start;
}

.book-link {
   font-weight: bold;
   font-size: 0.9rem;
   color: var(--accent-color-2);
   text-decoration: none;
}

.book-link:hover, .book-link:focus {
   color: var(--accent-color-1);
}

/*------------------ large TABLET ------------------*/
@media (min-width: 768px) {
   .content-collections {
      margin-top: 2rem;
   }

   .collection-title {
	   font-size: 1.4rem;
   }
}