/* ====== JAGO89 News Homepage Base ====== */
.jg-container{max-width:1200px;margin:0 auto;padding:0 16px;}
.jg-section-title{font-weight:800;font-size:1.6rem;margin:0 0 14px;}
.jg-hero-title{font-size:2rem;font-weight:900;margin:0 0 6px;}
.jg-hero-sub{color:#666;margin:0;}
.jg-btn{display:inline-block;background:#d11f28;color:#fff;text-decoration:none;
  padding:.55rem .9rem;border-radius:10px;font-weight:700;transition:.2s;}
.jg-btn:hover{filter:brightness(.95);}

/* Grid + cards */
.jg-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}
.jg-card{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column}
.jg-card .jg-thumb img{width:100%;height:190px;object-fit:cover;display:block}
.jg-card-body{padding:12px}
.jg-card-title{display:block;color:#111;font-weight:800;text-decoration:none;margin:2px 0 6px}
.jg-card-title:hover{text-decoration:underline}
.jg-meta{font-size:.85rem;color:#6c6c6c;margin-bottom:6px}
.jg-cat{color:#444}

/* Section spacing */
.jg-hero{background:#f7f8fc}
.jg-featured .jg-card h3{margin:0 0 6px}
.jg-excerpt{margin:0}

/* Responsive polish */
@media (max-width: 768px){
  .jg-hero-title{font-size:1.6rem}
  .jg-grid{gap:16px}
}
/* ===== Featured hero (big left + two stacked right) ===== */
.jg-featured-hero{}
.jg-featured-grid{
  display:grid;
  gap:16px;
  grid-template-areas:
    "main side1"
    "main side2";
  grid-template-columns: 2fr 1fr;
}
.tile{position:relative; border-radius:14px; overflow:hidden; background:#000;}
.tile__media img{width:100%; height:100%; object-fit:cover; display:block;}
.tile--main{grid-area:main; min-height:420px;}
.tile--side{min-height:200px;}
.tile--2{grid-area:side1;}
.tile--3{grid-area:side2;}

.tile__overlay{position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0.0) 30%, rgba(0,0,0,0.65) 85%);
}
.tile__content{position:absolute; left:16px; right:16px; bottom:16px; color:#fff;}
.tile__tags{display:flex; flex-wrap:wrap; gap:6px;}
.pill{display:inline-block; background:rgba(255,255,255,.22); color:#fff;
  padding:4px 10px; border-radius:999px; font-size:.78rem; backdrop-filter:blur(2px);
}
.tile__title{margin:6px 0; font-weight:800; line-height:1.2;
  font-size: clamp(1rem, 0.7rem + 1.2vw, 1.6rem);
}
.tile--main .tile__title{font-size: clamp(1.2rem, 0.6rem + 2.2vw, 2rem);}
.tile__title a{color:#fff; text-decoration:none;}
.tile__title a:hover{text-decoration:underline;}
.tile__excerpt{margin:6px 0 8px; color:#f1f1f1;}
.tile__meta{font-size:.85rem; opacity:.95; display:flex; align-items:center; gap:6px;}
.tile__sep{opacity:.6}

@media (max-width: 900px){
  .jg-featured-grid{
    grid-template-areas:
      "main"
      "side1"
      "side2";
    grid-template-columns: 1fr;
  }
  .tile--main{min-height:320px;}
  .tile--side{min-height:220px;}
}