.jo-related-articles{margin:20px 0}.jo-related-articles .main-title{font-size:1.6rem;margin-bottom:15px;color:#333;font-weight:500;border-bottom:1px solid #efefef;padding:5px 0}.jo-related-articles .article-item{display:flex;flex-direction:column;align-items:flex-start;padding:15px;border:1px solid #e0e0e0;border-radius:4px}.jo-related-articles .article-item.odd{background:#f0f8ff}.jo-related-thumbnail{max-width:100%;height:auto;border-radius:4px;transition:transform 0.3s ease,box-shadow 0.3s ease;object-fit:cover}.jo-related-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.jo-related-articles .article-title{margin:0;font-size:1.2rem;color:#1a3d6d;font-weight:600;margin-bottom:5px}.jo-related-articles .article-title a{text-decoration:none;color:inherit;transition:color 0.3s ease}.jo-related-articles .article-title a:hover{color:#005177}.jo-related-articles .article-text{margin:0;font-size:1rem;color:#444;line-height:1.5}.jo-related-articles .read-more{text-decoration:none;font-size:1em;display:block;margin-top:10px;color:#06c}.jo-related-articles .read-more:hover{color:#004c99;text-decoration:underline}.jo-related-articles .btn.read-more{display:block;padding:3px 5px;font-size:.9rem;font-weight:500;color:#fff;background-color:#1a6ebd;border:none;border-radius:4px;text-align:center;text-decoration:none;cursor:pointer;transition:all 0.3s ease;max-width:90px;margin-top:10px}.jo-related-articles .btn.read-more:hover{background-color:#145da0;color:#fff;box-shadow:0 4px 6px rgba(0,0,0,0.1);text-decoration:none}.jo-related-articles .btn.read-more:focus{outline:none;box-shadow:0 0 0 3px rgba(0,123,255,0.5)}.jo-related-articles .btn.read-more:active{background-color:#004085;transform:scale(0.98)}@media (max-width:768px){.jo-related-articles .row{flex-direction:column}.jo-related-thumbnail{margin-bottom:10px}}