/* Final common hierarchy for reader-facing article, guide and feature cards. */
.hogoken-card-tags { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.hogoken-card-tags:empty { display: none; }
.hogoken-card-tags .hogoken-article-list-tag,
.hogoken-card-tags .hogoken-guide-theme-tag { margin: 0; padding: 4px 9px; font-size: 11px; line-height: 1.35; }
.hogoken-article-list-item__meta,
.hogoken-home-article-card__meta { flex-wrap: wrap; }

.hogoken-guide-item__copy,
.hogoken-guide-feature__copy { min-width: 0; }
.hogoken-guide-item__tags,
.hogoken-guide-lead-item__tags,
.hogoken-guide-feature__tags { margin: 0 0 4px; }
.hogoken-guide-lead-item strong,
.hogoken-guide-features strong { display: block; margin: 5px 0 6px; font-size: 20px; font-weight: 500; line-height: 1.55; }
.hogoken-guide-lead-item p,
.hogoken-guide-features p { display: block; margin: 0; font-size: 15px; line-height: 1.9; }
.hogoken-guide-features a { grid-template-columns: minmax(0, 1fr) 24px; }
.hogoken-guide-features p { grid-column: auto; }
.hogoken-guide-features i { grid-column: 2; grid-row: 1; align-self: center; }

.hogoken-article-content > .hogoken-feature-resource-wrap--article-body .hogoken-feature-resource strong { font-size: 20px; font-weight: 500; line-height: 1.55; }
.hogoken-article-content > .hogoken-feature-resource-wrap--article-body .hogoken-feature-resource small { font-size: 15px; line-height: 1.9; }
.hogoken-article-content > .hogoken-feature-resource-wrap--article-body .hogoken-feature-resource__tags .hogoken-article-list-tag,
.hogoken-article-content > .hogoken-feature-resource-wrap--article-body .hogoken-feature-resource__tags .hogoken-guide-theme-tag { margin: 0; padding: 4px 9px; font-size: 11px; line-height: 1.35; }

.hogoken-article-classifications { gap: 6px; }
.hogoken-article-classifications .hogoken-article-category,
.hogoken-article-classifications .hogoken-guide-theme-tag { padding: 4px 9px; font-size: 11px; line-height: 1.35; }

/* The desktop home grid keeps a compact hierarchy appropriate to five columns. */
.hogoken-home-article-card h3 { margin: 10px 0 7px; font-size: 18px; font-weight: 500; line-height: 1.55; }
.hogoken-home-article-card p { font-size: 14px; line-height: 1.8; }
.hogoken-home-article-card .hogoken-home-tag { padding: 4px 9px; font-size: 11px; line-height: 1.35; }

/* Avoid oversized intermediate cards: five columns, then three, then the mobile list. */
@media (max-width: 1100px) and (min-width: 701px) {
	.hogoken-home-article-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
	/* One mobile breakpoint for article, guide, and feature cards. */
	.hogoken-article-list-item { grid-template-columns: 76px minmax(0, 1fr) 18px; gap: 11px; padding: 15px 4px; }
	.hogoken-article-list-item.without-thumbnail { grid-template-columns: minmax(0, 1fr) 18px; }
	.hogoken-article-list-item__image { width: 76px; height: 76px; }
	.hogoken-article-list-item__placeholder { width: 76px; height: 76px; }
	.hogoken-article-list-item__placeholder img { width: 34px; height: 34px; }
	.hogoken-article-list-item h3 { margin: 8px 0 5px; font-size: 18px; font-weight: 500; }
	.hogoken-article-list-item p,
	.hogoken-guide-item p { font-size: 14px; line-height: 1.75; }
	.hogoken-article-list-item__meta { gap: 8px; }
	.hogoken-article-list-item time { font-size: 10px; }
	.hogoken-card-tags .hogoken-article-list-tag,
	.hogoken-card-tags .hogoken-guide-theme-tag { padding: 4px 8px; }
	.hogoken-guide-lead-item strong,
	.hogoken-guide-features strong { margin: 5px 0; font-size: 18px; font-weight: 500; }
	.hogoken-guide-lead-item p,
	.hogoken-guide-features p { font-size: 14px; line-height: 1.75; }
	.hogoken-article-content > .hogoken-feature-resource-wrap--article-body .hogoken-feature-resource { padding: 13px; }
	.hogoken-article-content > .hogoken-feature-resource-wrap--article-body .hogoken-feature-resource strong { font-size: 18px; font-weight: 500; }
	.hogoken-article-content > .hogoken-feature-resource-wrap--article-body .hogoken-feature-resource small { font-size: 14px; line-height: 1.75; }
	.hogoken-article-content > .hogoken-feature-resource-wrap--article-body .hogoken-feature-resource__tags .hogoken-article-list-tag,
	.hogoken-article-content > .hogoken-feature-resource-wrap--article-body .hogoken-feature-resource__tags .hogoken-guide-theme-tag,
	.hogoken-article-classifications .hogoken-article-category,
	.hogoken-article-classifications .hogoken-guide-theme-tag { padding: 4px 8px; }
}

@media (max-width: 560px) {
	.hogoken-home-article-card .hogoken-home-tag { padding: 4px 8px; }
}