/* Blog list and article views use the homepage's typography and violet palette. */
.ydt-blog { padding: 140px 0 90px; background: #f8f9fd; min-height: 65vh; }
.ydt-blog .news-wrap { min-width: 0; }
.ydt-blog .blog-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 26px; color: #707588; font-size: 15px; }
.ydt-blog .blog-breadcrumb a:hover { color: var(--ydt-purple); }
.ydt-blog .news-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); align-items: start; gap: 32px; }
.ydt-blog .news-layout::after { content: none; }
.ydt-blog .left, .ydt-blog .right { float: none; width: auto; min-width: 0; margin: 0; }
.ydt-blog .blog-sidebar { position: sticky; top: 126px; }
.ydt-blog .blog-sidebar ul { margin: 0 0 22px; padding: 0; list-style: none; }
.ydt-blog .blog-sidebar li { margin: 0; }
.ydt-blog .blog-sidebar .active { display: block; padding: 17px 20px; border-radius: 9px; background: linear-gradient(-120deg, #5e54fd 1%, #5d45e5 100%); color: #fff; font-size: 18px; font-weight: 600; text-align: center; box-shadow: 0 8px 20px rgba(94, 84, 253, .14); }
.ydt-blog .blog-sidebar p { margin: 0 0 16px; color: #666b7b; font-size: 15px; line-height: 1.9; }
.ydt-blog .blog-guide-link { color: var(--ydt-purple); font-size: 15px; line-height: 1.8; }
.ydt-blog .blog-panel { padding: 38px; border: 1px solid #e8eaf3; border-radius: 14px; background: #fff; box-shadow: 0 12px 36px rgba(45, 49, 91, .04); }
.ydt-blog .blog-heading { padding-bottom: 28px; border-bottom: 1px solid #e8eaf3; }
.ydt-blog .blog-heading .blog-eyebrow { margin-bottom: 10px; color: var(--ydt-purple); font-size: 15px; font-weight: 600; }
.ydt-blog h1 { margin: 0 0 18px; color: var(--ydt-ink); font-size: 36px; line-height: 1.5; overflow-wrap: anywhere; }
.ydt-blog .blog-heading p { margin: 0; color: #666b7b; font-size: 16px; line-height: 1.9; }
.ydt-blog .blog-list { margin: 0; padding: 0; list-style: none; }
.ydt-blog .blog-card { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 24px; margin: 0; padding: 30px 0; border-bottom: 1px solid #e8eaf3; }
.ydt-blog .blog-thumbnail { overflow: hidden; align-self: start; border-radius: 8px; background: #f1f2fd; }
.ydt-blog .blog-thumbnail a { display: block; }
.ydt-blog .blog-thumbnail img { display: block; width: 100%; height: auto; aspect-ratio: 440 / 294; object-fit: cover; }
.ydt-blog .blog-card-body { display: flex; flex-direction: column; min-width: 0; }
.ydt-blog .blog-card h2 { margin: 0 0 12px; font-size: 21px; line-height: 1.6; overflow-wrap: anywhere; }
.ydt-blog .blog-card h2 a:hover { color: var(--ydt-purple); }
.ydt-blog .blog-card p { margin: 0; color: #666b7b; font-size: 15px; line-height: 1.9; overflow-wrap: anywhere; }
.ydt-blog .blog-read-more { margin-left: 6px; color: var(--ydt-purple); white-space: nowrap; }
.ydt-blog .blog-card-meta { display: flex; justify-content: flex-end; margin-top: auto; padding-top: 16px; color: #707588; font-size: 14px; }
.ydt-blog .blog-empty { padding: 52px 12px; color: #707588; text-align: center; line-height: 1.8; }
.ydt-blog .post-time { margin-bottom: 30px; padding-bottom: 22px; border-bottom: 1px solid #e8eaf3; color: #707588; font-size: 14px; }
.ydt-blog .content { color: #52596c; font-size: 17px; line-height: 1.95; overflow-wrap: anywhere; }
.ydt-blog .content p { margin: 0 0 20px; color: inherit; font-size: inherit; line-height: inherit; }
.ydt-blog .content h2, .ydt-blog .content h3, .ydt-blog .content h4 { margin: 30px 0 16px; color: var(--ydt-ink); line-height: 1.6; }
.ydt-blog .content h2 { font-size: 26px; }
.ydt-blog .content h3 { font-size: 22px; }
.ydt-blog .content ul, .ydt-blog .content ol { margin: 0 0 22px; padding-left: 26px; }
.ydt-blog .content ul { list-style: disc; }
.ydt-blog .content ol { list-style: decimal; }
.ydt-blog .content img, .ydt-blog .content video { max-width: 100%; height: auto; }
.ydt-blog .content iframe { max-width: 100%; }
.ydt-blog .content a { color: var(--ydt-purple); text-decoration: underline; text-underline-offset: 4px; }
.ydt-blog .content blockquote { margin: 24px 0; padding: 18px 24px; border-left: 4px solid var(--ydt-purple); background: #f5f5ff; }
.ydt-blog .content pre { max-width: 100%; overflow: auto; padding: 18px; background: #f8f9fd; }
.ydt-blog .content table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.ydt-blog .content td, .ydt-blog .content th { padding: 10px 14px; border: 1px solid #e8eaf3; }
.ydt-blog .article-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 38px; padding-top: 28px; border-top: 1px solid #e8eaf3; }
.ydt-blog .article-nav p { margin: 0; padding: 15px 18px; border-radius: 8px; background: #f8f9fd; color: #707588; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.ydt-blog .article-nav a { color: var(--ydt-purple); }
.ydt-blog .blog-detail-back { display: inline-block; margin-top: 25px; padding: 11px 18px; border: 1px solid var(--ydt-purple); border-radius: 8px; color: var(--ydt-purple); font-size: 15px; }
.ydt-blog .blog-detail-back:hover { color: #fff; background: var(--ydt-purple); }
.ydt-blog .pages { margin-top: 28px; text-align: center; }
.ydt-blog .pages:empty { display: none; }
.ydt-blog .pages .pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ydt-blog .pages li { margin: 0; }
.ydt-blog .pages a, .ydt-blog .pages span { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 7px 12px; border: 1px solid #e8eaf3; border-radius: 6px; font-size: 15px; }
.ydt-blog .pages a:hover, .ydt-blog .pages .active > span, .ydt-blog .pages .active > a { color: #fff; border-color: var(--ydt-purple); background: var(--ydt-purple); }
.ydt-blog .pages .disabled > span { color: #858a9b; background: #f8f9fd; }
@media (max-width: 1199px) {
  .ydt-blog .news-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 24px; }
  .ydt-blog .blog-panel { padding: 28px; }
  .ydt-blog .blog-card { grid-template-columns: 150px minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 991px) {
  .ydt-blog .news-layout { grid-template-columns: minmax(0, 1fr); }
  .ydt-blog .blog-sidebar { position: static; }
  .ydt-blog .blog-sidebar ul { margin-bottom: 14px; }
  .ydt-blog .blog-sidebar .active { max-width: 210px; }
  .ydt-blog .blog-sidebar p { margin-bottom: 10px; }
}
@media (max-width: 575px) {
  .ydt-blog { padding: 122px 0 55px; }
  .ydt-blog .blog-panel { padding: 22px 18px; }
  .ydt-blog h1 { font-size: 28px; }
  .ydt-blog .blog-card { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 24px 0; }
  .ydt-blog .blog-thumbnail { width: 100%; }
  .ydt-blog .article-nav { grid-template-columns: minmax(0, 1fr); }
  .ydt-blog .content { font-size: 16px; }
}