/* Cargo Blog Display v2 - Magazine Style */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');

:root{
  --cbd-blue:#001F3F;
  --cbd-orange:#FF6600;
  --cbd-white:#ffffff;
  --cbd-muted:#6b7280;
}

/* Container */
.cbd-hero{ background:linear-gradient(135deg,var(--cbd-blue),#063a6b); color:#fff; padding:80px 20px; text-align:center; }
.cbd-hero-title{ font-size:40px; margin:0 0 10px; font-weight:800; font-family:'Poppins',sans-serif; }
.cbd-hero-sub{ font-size:18px; margin:0; color:rgba(255,255,255,0.9); }

.cbd-container{ max-width:1200px; margin:0 auto; padding:40px 20px; }
.cbd-magazine{ display:grid; grid-template-columns: 1fr 520px; gap:28px; align-items:start; }
@media (max-width:980px){
  .cbd-magazine{ grid-template-columns:1fr; }
}

/* Featured */
.cbd-featured{ background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 10px 30px rgba(6,22,40,0.06); display:flex; flex-direction:column; }
.cbd-featured-thumb img{ width:100%; height:420px; object-fit:cover; display:block; }
.cbd-featured-meta{ padding:22px; }
.cbd-cat{ display:inline-block; background:var(--cbd-orange); color:#fff; padding:6px 10px; border-radius:6px; font-weight:700; font-size:13px; margin-bottom:12px; }
.cbd-featured-title a{ color:var(--cbd-blue); font-size:28px; font-weight:700; text-decoration:none; }
.cbd-featured-excerpt{ color:var(--cbd-muted); margin:12px 0 18px; }

.cbd-featured-read{ color:var(--cbd-orange); font-weight:700; text-decoration:none; }

/* Grid (right column) */
.cbd-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
@media (max-width:980px){ .cbd-grid{ grid-template-columns:1fr; } }

.cbd-card{ background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 8px 20px rgba(6,22,40,0.04); transition:transform .28s ease,box-shadow .28s ease; display:flex; flex-direction:column; }
.cbd-card:hover{ transform:translateY(-6px); box-shadow:0 16px 40px rgba(6,22,40,0.12); }
.cbd-thumb img{ width:100%; height:150px; object-fit:cover; display:block; }
.cbd-meta{ padding:14px; }
.cbd-cat{ display:inline-block; background:var(--cbd-orange); color:#fff; padding:6px 10px; border-radius:6px; font-weight:700; font-size:12px; margin-bottom:10px; }
.cbd-title{ font-size:18px; margin:0 0 8px; color:var(--cbd-blue); font-weight:700; }
.cbd-excerpt{ color:var(--cbd-muted); font-size:14px; line-height:1.6; margin-bottom:10px; }
.cbd-readmore{ color:var(--cbd-orange); font-weight:700; text-decoration:none; }

/* Load More Button */
.cbd-loadmore-btn{ background:var(--cbd-orange); color:#fff; border:none; padding:12px 28px; border-radius:30px; font-weight:700; cursor:pointer; transition:transform .2s; }
.cbd-loadmore-btn:hover{ transform:translateY(-3px); }

/* CTA */
.cbd-cta{ background:var(--cbd-orange); padding:60px 20px; text-align:center; }
.cbd-cta-title{ color:#fff; font-size:28px; margin:0 0 18px; font-weight:700; font-family:'Poppins'; }
.cbd-cta-btn{ display:inline-block; background:#001F3F; color:#fff; padding:12px 26px; border-radius:30px; text-decoration:none; font-weight:700; }

/* Responsive tweaks */
@media (max-width:600px){
  .cbd-featured-thumb img{ height:220px; }
  .cbd-featured-title a{ font-size:22px; }
}