/* LUGUPSHUP – Home page ke 3 columns (LU Updates · LU Moment · LU Stories) */
.home-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; }
.home-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.home-head { cursor: default; }
.home-head:hover { transform: none; }
.home-head-moment { background: linear-gradient(135deg, #7A2E8E, #3E1559); }
.home-head-story { background: linear-gradient(135deg, #B8600B, #7A3A05); }

/* Category chips (sirf column 1) */
.h-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.h-chips a { padding: 6px 12px; border-radius: 999px; border: 1.5px solid var(--line); background: #fff; color: var(--ink); text-decoration: none; font-weight: 700; font-size: 14px; }
.h-chips a small { font-weight: 600; opacity: .7; }
.h-chips a.on { background: var(--navy-dark); border-color: var(--navy-dark); color: #fff; }
.home-col .filter-bar { margin: 0; }

/* Cards */
.h-list { display: flex; flex-direction: column; gap: 12px; }
.h-card { background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--navy); border-radius: 14px; padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; }
.h-cat { align-self: flex-start; font-size: 12px; font-weight: 700; padding: 2px 10px; border-radius: 999px; background: #E8EEF6; color: var(--navy-dark); }
.h-cat-exam { background: #FDECEC; color: #8A1C1C; }
.h-cat-jobs { background: #E6F6EC; color: #0F5530; }
.h-title { margin: 0; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.35; }
.h-title a { color: var(--ink); text-decoration: none; }
.h-title a:hover { color: var(--navy); text-decoration: underline; }
.h-meta { margin: 0; font-size: 13px; color: var(--muted); }
.h-last { margin: 0; font-size: 14px; color: #8A2B05; }
.h-sum { margin: 0; font-size: 14.5px; line-height: 1.55; color: #2A3240; }
.h-more { align-self: flex-start; font-weight: 700; font-size: 14px; text-decoration: none; }

/* LU Moment */
.m-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.m-card { margin: 0; background: #fff; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.m-card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.m-card figcaption { padding: 8px 10px; font-size: 13.5px; line-height: 1.4; }
.m-card figcaption small { display: block; color: var(--muted); font-size: 12px; margin-top: 2px; }

/* LU Stories */
.s-card { border-left-color: #B8600B; }
.s-img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 10px; }

@media (max-width: 760px) {
  .home-cols { grid-template-columns: 1fr; }
}

/* LU Moment – "apna moment bhejo" box */
.m-share { background: #F7F0FA; border: 1.5px dashed #B98BC8; border-radius: 14px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
.m-share p { margin: 0; font-size: 14.5px; line-height: 1.55; color: #3A2547; }
.m-share-btn { align-self: flex-start; background: linear-gradient(135deg, #7A2E8E, #3E1559); color: #fff; text-decoration: none; font-weight: 700; font-size: 14px; padding: 8px 14px; border-radius: 999px; word-break: break-all; }
.m-share-btn:hover { filter: brightness(1.1); }