.notice-card {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 16px;
border-bottom: 1px solid #003366;
padding-bottom: 20px;
}

.notice-content {
display: flex;
align-items: flex-start;
flex: 1;
}

.notice-image {
width: 90px;
height: 90px;
object-fit: cover;
margin-right: 14px;
border: 1px solid #ccc;
padding: 5px;
background: #fff;
border-radius: 6px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.notice-text {
max-width: calc(100% - 100px);
}

.notice-title {
font-size: 18px;
font-weight: 600;
margin: 0;
line-height: 1.3;
}

.notice-title a {
text-decoration: none;
color: #003366;
transition: color 0.3s ease;
}

.notice-title a:hover {
text-decoration: underline;
color: #E10600;
}

.notice-date {
font-size: 14px;
color: #6c757d;
margin-top: 4px;
display: block;
}

.notice-details {
font-size: 13px;
color: #6c757d;
margin-top: 4px;
}

.view-btn {
align-self: flex-end;
margin-left: 12px;
white-space: nowrap;
}

/* --- Pagination Styling --- */
.pagination {
display: flex;
justify-content: center;
list-style: none;
padding-left: 0;
margin-top: 20px;
}

.pagination .page-item {
margin: 0 3px;
}

.pagination .page-link {
color: #003366;
border: 1px solid #ddd;
padding: 6px 12px;
border-radius: 6px;
font-size: 14px;
background: #fff;
transition: all 0.3s ease;
}

.pagination .page-link:hover {
background-color: #003366;
color: #fff;
border-color: #003366;
text-decoration: none;
}

.pagination .page-item.active .page-link {
background-color: #E10600;
border-color: #E10600;
color: #fff;
font-weight: 600;
}

.pagination .page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
background-color: #f8f9fa;
border-color: #ddd;
}
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.25rem 0.5rem; /* small size */
  font-size: 0.875rem;     /* small text */
  line-height: 1.5;
  border-radius: 0.2rem;
  text-decoration: none;
  transition: background-color 0.15s, border-color 0.15s;
}

/* Primary color */
.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-primary:hover {
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

.btn-primary:active {
  background-color: #0a58ca;
  border-color: #0a53be;
}