.blog-related-post-block-list{margin:0 auto;max-width:1440px!important;padding:1rem;width:100%}.blog-related-post-block-list .related-posts-title{color:var(--wp--preset--color--contrast);font-size:2rem;font-weight:700;margin:0 0 2rem;text-align:left}@media(max-width:768px){.blog-related-post-block-list .related-posts-title{font-size:1.5rem;margin-bottom:1.5rem}}.blog-related-post-block-list .articles-grid{display:none;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.blog-related-post-block-list .articles-grid.active{display:grid}@media(max-width:768px){.blog-related-post-block-list .articles-grid{gap:1rem;grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.blog-related-post-block-list .articles-grid{grid-template-columns:repeat(2,1fr)}}.blog-related-post-block-list .articles-grid .article-card{background:#fff;border-radius:0;border-right:1px solid #e5e7eb;display:flex;flex-direction:row;gap:10px;height:auto;overflow:hidden;padding-bottom:1rem;padding-left:16px;padding-right:49px;transition:all .3s ease}.blog-related-post-block-list .articles-grid .article-card:hover{opacity:.9}@media(max-width:992px){.blog-related-post-block-list .articles-grid .article-card{border-bottom:1px solid #e5e7eb;border-right:none;padding-bottom:16px;padding-left:0;padding-right:0}}.blog-related-post-block-list .articles-grid .article-image{background:#f3f4f6;border-radius:10px;flex-shrink:0;height:96px;margin-right:0;overflow:hidden;position:relative;width:140px}.blog-related-post-block-list .articles-grid .article-image a{display:block;height:100%;width:100%}.blog-related-post-block-list .articles-grid .article-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-related-post-block-list .articles-grid .article-image:hover img{transform:scale(1.05)}.blog-related-post-block-list .articles-grid .article-content{display:flex;flex:1;flex-direction:column;justify-content:flex-start;padding:0}@media(max-width:768px){.blog-related-post-block-list .articles-grid .article-content{padding:1rem 0 0}}.blog-related-post-block-list .articles-grid .article-content .article-title{color:#1f2937;display:-webkit-box;font-size:18px;font-weight:600;-webkit-line-clamp:2;line-height:1.4;margin:0 0 .5rem;-webkit-box-orient:vertical;overflow:hidden}.blog-related-post-block-list .articles-grid .article-content .article-title a{color:inherit;text-decoration:none;transition:color .3s ease}.blog-related-post-block-list .articles-grid .article-content .article-title a:hover{color:#dc2626}@media(max-width:768px){.blog-related-post-block-list .articles-grid .article-content .article-title{font-size:1.125rem}}.blog-related-post-block-list .articles-grid .article-content .article-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.blog-related-post-block-list .articles-grid .article-content .article-meta .article-date,.blog-related-post-block-list .articles-grid .article-content .article-meta .meta-separator{display:none}.blog-related-post-block-list .articles-grid .article-content .article-meta .article-read-time{align-items:center;color:#dc2626;display:flex;font-size:.875rem;font-weight:500;gap:6px}.blog-related-post-block-list .articles-grid .article-content .article-meta .article-read-time .clock-icon{flex-shrink:0;height:15px;width:15px}.blog-related-post-block-list .articles-grid .article-content .article-meta .article-read-time .clock-icon path{fill:#dc2626}.blog-related-post-block-list .articles-grid .article-content .article-excerpt{color:#6b7280;display:-webkit-box;font-size:.95rem;-webkit-line-clamp:3;line-clamp:3;line-height:1.6;margin:0;-webkit-box-orient:vertical;overflow:hidden}.blog-related-post-block-list.loading .articles-grid{opacity:.6;pointer-events:none}.blog-related-post-block-list .article-card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.blog-related-post-block-list .article-card:first-child{animation-delay:.1s}.blog-related-post-block-list .article-card:nth-child(2){animation-delay:.2s}.blog-related-post-block-list .article-card:nth-child(3){animation-delay:.3s}.blog-related-post-block-list .article-card:nth-child(4){animation-delay:.4s}.blog-related-post-block-list .article-card:nth-child(5){animation-delay:.5s}.blog-related-post-block-list .article-card:nth-child(6){animation-delay:.6s}.blog-related-post-block-list .article-card:nth-child(7){animation-delay:.7s}.blog-related-post-block-list .article-card:nth-child(8){animation-delay:.8s}.blog-related-post-block-list .article-card:nth-child(9){animation-delay:.9s}.blog-related-post-block-list .article-card:nth-child(10){animation-delay:1s}.blog-related-post-block-list .article-card:nth-child(11){animation-delay:1.1s}.blog-related-post-block-list .article-card:nth-child(12){animation-delay:1.2s}.blog-related-post-block-list .articles-grid{transition:opacity .3s ease}.blog-related-post-block-list .articles-grid:not(.active){opacity:0;pointer-events:none}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.blog-related-post-block-list .article-card{animation:none;opacity:1;transform:none}.blog-related-post-block-list .article-card,.blog-related-post-block-list .article-image img,.blog-related-post-block-list .tab-button{transition:none}}@media(prefers-contrast:high){.blog-related-post-block-list .tab-button{border:2px solid}.blog-related-post-block-list .tab-button.active{border-color:#fff}.blog-related-post-block-list .article-card{border:2px solid #333}}@media(prefers-color-scheme:dark){.blog-related-post-block-list .tab-container{background:#374151}.blog-related-post-block-list .tab-button{color:#d1d5db}.blog-related-post-block-list .tab-button:hover{background:hsla(0,0%,100%,.1);color:#fff}.blog-related-post-block-list .article-card{background:#1f2937;border-color:#374151}.blog-related-post-block-list .article-card .article-title{color:#fff}.blog-related-post-block-list .article-card .article-date,.blog-related-post-block-list .article-card .article-excerpt{color:#9ca3af}}@media print{.blog-related-post-block-list .blog-post-tabs{display:none}.blog-related-post-block-list .articles-grid{display:grid!important;page-break-inside:avoid}.blog-related-post-block-list .article-card{page-break-inside:avoid;border:1px solid #ccc;box-shadow:none}}
