/* FS Header News (Light) v1.4.3 — tighter spacing + cover images + stronger seam */
.fs-hnews { background:#f5f7fb; color:#0b0d12; }
.fs-hnews * { box-sizing:border-box; }

/* Reduce space above section and between title & grid */
.fs-hnews__wrap { max-width:1280px; margin:0 auto; padding:20px 16px 22px; }
.fs-hnews__head { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:10px; gap:12px; }
.fs-hnews__head--bottom { margin-top:34px; }
.fs-hnews__title { font-size:22px; font-weight:800; letter-spacing:-0.01em; margin:0; }

/* Grid */
.fs-grid { display:grid; gap:24px; }
.fs-grid--top { grid-template-columns:repeat(12,minmax(0,1fr)); }
.fs-grid--bottom { grid-template-columns:repeat(12,minmax(0,1fr)); }
.fs-card--tall { grid-column:span 12; }
@media(min-width:640px){ .fs-card--tall{ grid-column:span 6; } }
@media(min-width:1024px){ .fs-card--tall{ grid-column:span 3; } }

/* Bottom spans */
.fs-card--wide { grid-column:span 12; }
@media(min-width:768px){ .fs-card--wide{ grid-column:span 6; } }
@media(min-width:1024px){ .fs-card--wide{ grid-column:span 3; } }

/* Card */
.fs-card{ display:flex; flex-direction:column; height:100%;
  border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; background:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.10); text-decoration:none; }

/* Thumb — use cover to eliminate inner gaps */
.fs-thumb{ width:100%; position:relative; background:linear-gradient(135deg,#f2f5ff,#ffffff,#f7f8fb); }
.fs-thumb > img.fs-img-el{ display:block; width:100%; height:100%; object-fit:cover; }
.fs-ph{ width:100%; height:100%; background:linear-gradient(135deg,#eef2ff,#fafcff); }

/* Band below image — stronger bite to touch the image (and overlap) */
.fs-band{ position:relative; padding:12px 16px 16px; display:flex; flex-direction:column; gap:8px; min-height:100px;
  background: linear-gradient(180deg,
              color-mix(in srgb, var(--fs-tone) 94%, transparent) 0%,
              color-mix(in srgb, var(--fs-tone) 74%, transparent) 50%,
              color-mix(in srgb, var(--fs-tone) 30%, white) 100%); }
.fs-band.fs-band--bite::before{
  content:""; position:absolute; left:0; right:0; top:-44px; height:44px;
  background: linear-gradient(180deg, transparent 0%,
                                      color-mix(in srgb, var(--fs-tone) 56%, transparent) 70%,
                                      color-mix(in srgb, var(--fs-tone) 88%, transparent) 100%);
  pointer-events:none;
}

/* Bubble on seam */
.fs-bubble{ display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:10px;
  color:#fff; font-size:11px; font-weight:800; text-transform:uppercase;
  background:rgba(0,0,0,0.28); border:1px solid rgba(255,255,255,0.42);
  box-shadow:0 6px 18px rgba(0,0,0,.25); }
.fs-bubble--seam{ position:relative; margin-top:-18px; z-index:3; align-self:flex-start; }
.fs-bubble-dot{ width:6px; height:6px; border-radius:999px; background:#fff; display:inline-block; }

/* Titles */
.fs-card__title{ margin:0; color:#fff; font-weight:900; line-height:1.2; font-size:15px; text-shadow:0 1px 0 rgba(0,0,0,.25); }
.fs-card__title--sm{ color:#0b0d12; font-weight:900; font-size:15px; line-height:1.25; }

/* Bottom card body */
.fs-body{ padding:12px; }
.fs-kicker{ display:inline-flex; align-items:center; gap:6px; font-size:10px; font-weight:800; text-transform:uppercase;
  color:var(--fs-accent); background:color-mix(in srgb, var(--fs-accent) 8%, transparent); border:1px solid color-mix(in srgb, var(--fs-accent) 22%, transparent); padding:4px 6px; border-radius:6px; }
@supports not (background: color-mix(in srgb, red 10%, white)){
  .fs-kicker{ background:rgba(0,0,0,.02); border-color:rgba(0,0,0,.06); }
}

.fs-empty{ color:#6b7280; font-size:14px; padding:8px 0; }