/* Base */
* { 
  box-sizing: 
  border-box; margin:0; 
  padding:0; }
body { 
    font-family: 'Helvetica Neue', 'Trebuchet MS', 'Georgia', serif;
  background:#f4f6f8; 
  color:#1f2937; 
  line-height:1.6;
}
a { color:#4f46e5; text-decoration:none; }
a:hover { text-decoration:underline; }

/* Header */
header {
  background: linear-gradient(135deg, #4f46e5, #121332);
  color:white;
  padding: 10px;
  text-align:center;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  position: sticky;
  top: 0;
  z-index: 100;
}
header h1 { 
  font-size: 2rem; 
  font-weight:700; 
}
header p { 
  font-size: .7rem; 
  opacity:0.85; 
}


/* Main Container */
main { 
  max-width:600px; 
  margin: 0 auto; 
  padding: 0 10px; 
}

/* Search */
.search-bar { 
  margin: 1rem; 
}
.search-bar input {
  width:100%;
  padding:0.75rem 1rem;
  border-radius:12px;
  border:1px solid #d1d5db;
  font-size:1rem;
  outline:none;
  transition:0.3s;
}
.search-bar input:focus { border-color:#4f46e5; box-shadow:0 0 0 3px rgba(79,70,229,0.2); }

/* Blog Card */
article {
  background:white;
  border-radius:16px;
  overflow:hidden;
  margin-bottom:1.5rem;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  transition: transform 0.3s, box-shadow 0.3s;
}
article:hover { 
    transform: translateY(-4px); 
    box-shadow:0 12px 28px rgba(0,0,0,0.12); 
}

article img { width:100%; display:block; height:auto; }

article .content { padding:1rem 1.25rem; }
article h2 { font-size:1.25rem; font-weight:600; margin-bottom:0.25rem; }
article .date { font-size:0.75rem; color:#6b7280; margin-bottom:0.5rem; }
article p { font-size:0.95rem; margin-bottom:0.75rem; }
article a { font-weight:600; }

/* Full Content */
.full-content { 
  display: none; 
}
article.expanded .full-content { 
  display: block; 
}

article.expanded .preview { 
  display: none; 
}

/* read more */
.read-more-btn {
  display:inline-block;
  padding: 8px 5px;
  background:#4f46e5;
  color:white;
  border:none;
  border-radius:8px;
  font-size:0.5rem;
  font-weight:600;
  cursor:pointer;
  transition: background 0.3s;
}
/* Load More */
.load-more {
  display:block;
  width:100%;
  padding:0.85rem;
  margin:2rem 0;
  font-size:1rem;
  font-weight:600;
  background:#4f46e5;
  color:white;
  border:none;
  border-radius:12px;
  cursor:pointer;
  transition: background 0.3s;
}
.load-more:hover { background:#3730a3; }

/* Footer */
footer {
  font-size:0.8rem;
  padding:2rem 1rem;
  color:#6b7280;
  padding: 40px 20px;
}

/* footer top/services */
.footer-top{
  background-color: #e7eaed;
  padding: 20px;
  margin: 0 0 20px 0;
}

.footer-top li{
  list-style: square;
  margin: 6px 30px;
}

.footer-links {
  display: flex;
}

.footer-links .campus-contact{
  text-align: right;
}
.footer-links h4 {
  margin-bottom: 12px;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links ul li {
  margin-bottom: 8px;
}

.footer-links ul li a {
  color: #111;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s;
}

.footer-links ul li a:hover {
  color: #adff2f; /* acid green to match MiNET theme */
}

.footer-bottom {
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
}
/* Responsive */
@media(min-width:768px){
  main { max-width:720px; }
  header h1 { font-size:2.5rem; }
}