/* TAG pages reuse the news layout and the site's purple accent. */
.tag-page .container .container-w1200 {
    width: calc(100% - 48px);
    max-width: var(--wrap-width);
}
.tag-page .tag-breadcrumb { line-height: 1.8; overflow-wrap: anywhere; }
.tag-page .tag-page-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 0 26px;
    border-bottom: 1px solid #eef0f3;
}
.tag-page .tag-page-heading h1 {
    color: #1c2533;
    font-size: var(--font-30);
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.tag-page .tag-page-heading > div { min-width: 0; }
.tag-page .tag-page-summary {
    margin-top: 9px;
    color: #888;
    font-size: 14px;
    line-height: 1.8;
}
.tag-page .tag-back {
    flex: none;
    color: #5c41da;
    font-size: 14px;
    white-space: nowrap;
}
.tag-page .tag-back span { margin-left: 6px; }
.tag-page .tag-cloud {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 14px 28px;
    padding: 28px 0 36px;
}
.tag-page .tag-cloud li { max-width: 100%; }
.tag-page .tag-cloud a {
    display: inline-block;
    padding: 4px 0;
    color: #666;
    font-size: var(--font-20);
    font-weight: 400;
    line-height: 1.7;
    overflow-wrap: anywhere;
    transition: color .15s ease;
}
.tag-page .tag-cloud a:hover,
.tag-page .tag-cloud a:focus-visible,
.tag-page .tag-back:hover { color: #5c41da; text-decoration: underline; text-underline-offset: 5px; }
.tag-page .tag-cloud a:focus-visible,
.tag-page .tag-back:focus-visible,
.tag-page .tag-article-list a:focus-visible { outline: 2px solid #5c41da; outline-offset: 5px; }
.tag-page .tag-empty { color: #888; font-size: 16px; line-height: 1.8; }
.tag-page .tag-surface > .tag-empty { padding: 32px 0 40px; }
.tag-page .container-news-list .news-cont .news-cont_list { padding: 0 32px; }
.tag-page .container-news-list .news-cont .news-cont_list .post-loop .post-item {
    gap: 28px;
    padding: 28px 0;
}
.tag-page .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-content {
    min-width: 0;
    align-self: center;
}
.tag-page .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-content .item-title {
    margin-bottom: 12px;
    font-weight: 600;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.tag-page .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-content .item-excerpt p {
    color: #777;
    line-height: 1.85;
    -webkit-line-clamp: 2;
}
.tag-page .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-img {
    width: 240px;
    height: 150px;
    margin: 0;
    background: #f7f9fa;
}
.tag-page .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-img a { display: block; height: 100%; }
.tag-page .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-img img { object-fit: cover; }
.tag-page .tag-article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    padding: 14px 0 0;
    color: #999;
    font-size: 14px;
    line-height: 1.5;
}
.tag-page .tag-article-type { color: #5c41da; }
.tag-page .container-news-list .news-cont .news-cont_list .post-loop .post-item.tag-empty { padding: 40px 0; border-bottom: 0; }
.tag-page .container-news-list .news-cont .news-cont_list .pagination:empty { display: none; }
@media (max-width: 767.98px) {
    .tag-page .container .container-w1200 { width: calc(100% - 32px); }
    .tag-page .container-news-list .news-cont .news-cont_list { padding: 0 20px; }
    .tag-page .tag-page-heading { align-items: flex-start; gap: 16px; padding: 24px 0 20px; }
    .tag-page .tag-page-heading h1 { font-size: 24px; }
    .tag-page .tag-back { padding-top: 6px; }
    .tag-page .tag-cloud { gap: 12px 22px; padding: 22px 0 28px; }
    .tag-page .tag-cloud a { font-size: 16px; }
    .tag-page .container-news-list .news-cont .news-cont_list .post-loop .post-item { flex-direction: column; gap: 16px; padding: 24px 0; }
    .tag-page .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-content { align-self: auto; }
    .tag-page .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-img { width: 100%; height: auto; aspect-ratio: 16 / 9; }
    .tag-page .tag-article-meta { gap: 6px 12px; padding-top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .tag-page .tag-cloud a,
    .tag-page .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-img img { transition: none; }
    .tag-page .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-img img:hover { transform: none; }
}