.card {
 display: grid;
}
.link-list {
 list-style: none;
 padding: 0;
 margin: 0;
}
.link-list li {
 margin: 0.3rem 0;
}
.link-list li a {
 text-decoration: none;
 color: #007bff;
}
.link-list li a:hover {
 text-decoration: underline;
}
.show-more-btn {
 display: inline-block;
 margin-top: 1rem;
 padding: 0.5rem 1rem;
 background-color: #007bff;
 color: white;
 border: none;
 border-radius: 5px;
 cursor: pointer;
 font-size: 0.9rem;
}
.show-more-btn:hover {
 background-color: #0056b3;
}

.modal-overlay {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.6);
 display: none;
 justify-content: center;
 align-items: center;
 z-index: 1000;
 backdrop-filter: blur(5px); 
}
.modal-content {
 background: white;
 padding: 20px;
 width: 80%;
 max-width: 500px;
 max-height: 70%;
 overflow-y: auto;
 border-radius: 10px;
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
 text-align: center;
 position: relative;
}
.modal-content h2 {
 margin-top: 0;
}
.modal-link-list {
 list-style: none;
 padding: 0;
 margin: 1rem 0;
}
.modal-link-list li {
 margin: 0.5rem 0;
}
.modal-link-list li a {
 text-decoration: none;
 color: #007bff;
}
.modal-link-list li a:hover {
 text-decoration: underline;
}
.close-modal-btn {
 margin-top: 1rem;
 padding: 0.5rem 1rem;
 background-color: #ff5e57;
 color: white;
 border: none;
 border-radius: 5px;
 cursor: pointer;
 font-size: 0.9rem;
}
.close-modal-btn:hover {
 background-color: #d53a3a;
}