body { padding-top: 140px; }
.section-title { margin: 2rem 0 1rem; border-bottom: 2px solid #eee; padding-bottom: .5rem; }
.card-title, .list-group-item { font-size: .95rem; }
.small-muted { color: #6c757d; font-size: .85rem; }
.hero img { max-width: 150px; border-radius: 4px; }
/* Header icon cube sliders */
.mySwiper, .mySwiper1 { width: 110px; height: 110px; margin: 0 12px; }
.mySwiper .swiper-slide img, .mySwiper1 .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }
.middle-img { max-height: 80px; margin: 0 12px; }

/* Home hero slider sizing */
#myCarousel .item img { width: 100%; max-height: 60vh; object-fit: cover; }

/* Remove side padding for full-bleed main */
main.container-fluid { padding-left: 0; padding-right: 0; }

/* Tighter top spacing to match smaller header */
body { padding-top: 140px; }

/* One-at-a-time auto sliders (used for NEWS LETTERS and others) */
.auto-scroll { overflow: hidden; position: relative; }
.auto-scroll-track { display: flex; gap: 0; width: 100%; will-change: transform; transition: transform 0.6s ease; }
.auto-scroll-track > * { flex: 0 0 100%; max-width: 100%; }
.auto-scroll-track > .col-12,
.auto-scroll-track > .col-sm-6,
.auto-scroll-track > .col-md-3,
.auto-scroll-track > .col-md-4,
.auto-scroll-track > .col-md-6 { flex: 0 0 100% !important; max-width: 100% !important; float: none; }

/* Event cards */
.event-card{ border:1px solid #eee; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,.05); transition:transform .2s, box-shadow .2s; }
.event-card:hover{ transform:translateY(-3px); box-shadow:0 8px 18px rgba(0,0,0,.12); }
.event-card .card-body{ padding:12px; }
.event-card .card-title{ font-weight:600; }
.event-card .card-img-top{ height:220px; object-fit:cover; border-top-left-radius:8px; border-top-right-radius:8px; }
.event-meta{ display:flex; gap:8px; flex-wrap:wrap; margin:.25rem 0 .35rem; }
.event-chip{ display:inline-flex; align-items:center; gap:6px; background:#f8f9fa; border:1px solid #eee; border-radius:14px; padding:2px 8px; font-size:.82rem; color:#333; }
@media (max-width:576px){ .event-card .card-img-top{ height:160px; } }

/* Featured info boxes (President, Principal, News) */
.featured-box{ border:1px solid #eee; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,.06); padding:14px; background:#fff; height:100%; display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s; overflow:hidden; }
.featured-box:hover{ transform:translateY(-3px); box-shadow:0 10px 20px rgba(0,0,0,.12); }

/* President/Principal message cards */
.message-card .msg-img{ width:96px; height:96px; object-fit:cover; border-radius:10px; margin:0 12px 8px 0; float:left; }
.message-card .text{ text-align:justify; font-size:20px; line-height:1.6; }
.message-card .msg-heading{ font-size:18px; }
.message-card .read-more{ margin-top:auto; align-self:flex-end; }

/* News panel */
.news-panel .news-body{ display:block; width:100%; }
.news-panel .news-main{ width:100%; }
.news-panel .news-list{ width:100%; overflow:auto; max-height:340px; padding:0; margin:0; list-style:none; }
.news-panel .news-item{ position:relative; padding:10px 8px 10px 36px; border-bottom:1px dashed #eee; display:block; }
.news-panel .news-item:last-child{ border-bottom:none; }
.news-panel .news-icon{ position:absolute; left:10px; top:12px; width:18px; height:18px; border-radius:50%; background:linear-gradient(135deg,#cc0033,#990028); color:#fff; display:flex; align-items:center; justify-content:center; font-size:10px; }
.news-panel .news-content{ min-width:0; overflow:hidden; }
.news-panel .news-title{ font-weight:600; color:#0a2342; margin-bottom:2px; }
.news-panel .news-title a{ color:#0a2342; text-decoration:none; }
.news-panel .news-title a:hover{ text-decoration:underline; }
.news-panel .news-desc{ font-size:.9rem; color:#6c757d; }
.news-panel .news-title, .news-panel .news-desc{ word-break:break-word; overflow-wrap:anywhere; }
@media (max-width: 768px){
  .news-panel .news-body{ display:block; }
}

/* GATE Qualifiers cards */
.gate-card{ border:1px solid #eee; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,.06); transition: transform .2s, box-shadow .2s; }
.gate-card:hover{ transform: translateY(-4px); box-shadow:0 10px 20px rgba(0,0,0,.1); }
.gate-avatar{ width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg,#cc0033,#990028); color:#fff; display:flex; align-items:center; justify-content:center; }
.gate-badge{ display:inline-block; background:#f5b700; color:#0a2342; font-size:.75rem; padding:2px 6px; border-radius:10px; margin-left:6px; }
.gate-meta{ display:flex; gap:8px; flex-wrap:wrap; margin-top:6px; }
.gate-chip{ display:inline-flex; align-items:center; gap:6px; background:#f8f9fa; border:1px solid #eee; border-radius:16px; padding:2px 8px; font-size:.85rem; color:#333; }
.gate-chip.score{ background:rgba(245,183,0,.15); border-color:rgba(245,183,0,.4); }

/* Publications list */
.pub-list{ display:flex; flex-direction:column; gap:10px; }
.pub-item{ display:flex; align-items:flex-start; gap:10px; padding:10px; border:1px solid #eee; border-radius:8px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.04); }
.pub-icon{ width:28px; height:28px; border-radius:50%; background:#0a2342; color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; }
.pub-title a{ color:#0a2342; font-weight:600; text-decoration:none; }
.pub-title a:hover{ text-decoration:underline; }
.pub-btn{ margin-left:auto; }

/* Workshops list */
.work-list{ display:flex; flex-direction:column; gap:10px; }
.work-item{ display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid #eee; border-radius:8px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.04); }
.work-icon{ width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg,#cc0033,#990028); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; }
.work-title a{ color:#0a2342; font-weight:600; text-decoration:none; }
.work-title a:hover{ text-decoration:underline; }
.work-btn{ margin-left:auto; }

/* Shared chips/meta styling */
.pub-meta, .work-meta, .news-meta{ display:flex; gap:8px; flex-wrap:wrap; margin:6px 0; }
.chip{ display:inline-flex; align-items:center; gap:6px; background:#f8f9fa; border:1px solid #eee; border-radius:14px; padding:2px 8px; font-size:.85rem; color:#333; }

/* News cards */
.news-card{ border:1px solid #eee; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,.05); transition:transform .2s, box-shadow .2s; }
.news-card:hover{ transform:translateY(-3px); box-shadow:0 8px 18px rgba(0,0,0,.12); }

/* Achievements card styling */
.ach-card{ border:1px solid #eee; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,.05); transition:transform .2s, box-shadow .2s; }
.ach-card:hover{ transform:translateY(-3px); box-shadow:0 8px 18px rgba(0,0,0,.12); }
.ach-card .card-body{ padding:12px; }
.ach-badge{ display:inline-block; background:#0a2342; color:#fff; padding:2px 8px; border-radius:12px; font-size:.8rem; margin-bottom:6px; }
.ach-meta{ display:flex; gap:8px; flex-wrap:wrap; margin:.25rem 0 .35rem; }
.ach-chip{ display:inline-flex; align-items:center; gap:6px; background:#f8f9fa; border:1px solid #eee; border-radius:14px; padding:2px 8px; font-size:.82rem; color:#333; }