.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;padding:15px;border:1px solid #e0e0e0;border-radius:4px;height:100%;transition:box-shadow 0.3s ease}.jo-related-articles .article-item.align-left{align-items:flex-start}.jo-related-articles .article-item.align-center{align-items:center}.jo-related-articles .article-item.align-right{align-items:flex-end}.jo-related-articles .article-item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1)}.jo-related-articles .article-item.odd{background:#f0f8ff}.jo-related-articles .article-item.even{background:#fff}.jo-related-thumbnail{max-width:100%;height:auto;border-radius:4px;transition:transform 0.3s ease,box-shadow 0.3s ease;object-fit:cover;background:#fff}.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 0 10px 0;font-size:1.2rem;color:#1a3d6d;font-weight:600;line-height:1.3}.jo-related-articles .article-title a{text-decoration:none;color:inherit;display:inline-block}.jo-related-articles .article-title a:hover{text-decoration:underline}.jo-related-articles .article-text{margin:0;font-size:1rem;color:#444;line-height:1.5;flex-grow:1}.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:6px 12px;font-size:0.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:120px;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)}.jo-related-articles .d-flex{gap:15px}@media (max-width:768px){.jo-related-articles .row{flex-direction:column}.jo-related-articles [class*="col-"]{margin-bottom:20px}.jo-related-articles .col-md-12:last-child,.jo-related-articles [class*="col-"]:last-child{margin-bottom:0}.jo-related-thumbnail{margin-bottom:10px}.jo-related-articles .btn.read-more{padding:8px 16px}}