.tokutei-subjects{

display:grid;

grid-template-columns:repeat(auto-fill,minmax(300px,1fr));

gap:30px;

margin-top:30px;

}

.tokutei-card{

background:#fff;

border:1px solid #ddd;

border-radius:10px;

padding:20px;

box-shadow:0 3px 10px rgba(0,0,0,.08);

transition:.3s;

}

.tokutei-card:hover{

transform:translateY(-5px);

box-shadow:0 8px 25px rgba(0,0,0,.15);

}

.tokutei-card img{

border-radius:8px;

}

.tokutei-card h2{

margin:15px 0;

font-size:22px;

}

.tokutei-card p{

line-height:1.8;

}

.tokutei-card .button{

margin-top:15px;

width:100%;

text-align:center;

}
/* ============================================================
   Mở rộng khối nội dung bài viết blog cho cân đối hai bên.
   Astra "ast-narrow-container" mặc định giới hạn 750px làm nội
   dung bị bó hẹp vào giữa. Chỉ áp cho bài viết đơn (single-post)
   trên màn hình lớn; mobile/tablet giữ nguyên full-width của Astra.
   ============================================================ */
@media (min-width: 993px) {

	body.single-post.ast-narrow-container .site-content > .ast-container {
		max-width: 1140px;
	}

}