/* =========================================================
   La-Net Hub — News & Blog (public)
   Palette: navy #0B2A4A / gold #E8A93A (extends the existing
   brand avatar gradient), warm paper background, editorial
   serif display paired with Inter body copy.
   ========================================================= */

:root{
  --lnh-navy:#0b2a4a;
  --lnh-navy-2:#123a63;
  --lnh-gold:#e8a93a;
  --lnh-gold-dark:#c6851c;
  --lnh-paper:#faf7f1;
  --lnh-ink:#1b2430;
  --lnh-slate:#5f6b7a;
  --lnh-line:#e7e1d6;
  --lnh-font-display:'Fraunces', Georgia, serif;
  --lnh-font-body:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lnh-font-mono:'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;
}

.lnh-news-shell{
  background:var(--lnh-paper);
  color:var(--lnh-ink);
  font-family:var(--lnh-font-body);
}

.lnh-section-label{
  font-family:var(--lnh-font-mono);
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--lnh-gold-dark);
  display:flex;
  align-items:center;
  gap:.5rem;
}
.lnh-section-label::before{
  content:"";
  width:22px; height:2px;
  background:var(--lnh-gold);
  display:inline-block;
}

.lnh-news-shell h1, .lnh-news-shell h2, .lnh-news-shell h3{
  font-family:var(--lnh-font-display);
  color:var(--lnh-navy);
}

/* ---------- Header row ---------- */
.lnh-news-hero-row{
  border-bottom:1px solid var(--lnh-line);
  padding-bottom:1.75rem;
  margin-bottom:2rem;
}

/* ---------- Pills / meta ---------- */
.lnh-news-pill{
  display:inline-block;
  font-family:var(--lnh-font-mono);
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--lnh-navy);
  background:rgba(232,169,58,.18);
  padding:.28rem .65rem;
  border-radius:99px;
  font-weight:600;
}
.lnh-news-meta{
  display:flex;
  align-items:center;
  gap:.75rem;
  font-size:.8rem;
  color:var(--lnh-slate);
  margin-bottom:.6rem;
  flex-wrap:wrap;
}
.lnh-news-meta > span:not(.lnh-news-pill)::before{ content:"·"; margin-right:.75rem; color:var(--lnh-line); }

/* ---------- Featured story ---------- */
.lnh-featured{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:2.25rem;
  background:#fff;
  border:1px solid var(--lnh-line);
  border-radius:18px;
  overflow:hidden;
  margin-bottom:2.75rem;
  box-shadow:0 20px 45px -30px rgba(11,42,74,.35);
}
.lnh-featured-image{ position:relative; min-height:280px; background:#eee; }
.lnh-featured-image img{ width:100%; height:100%; object-fit:cover; display:block; }
.lnh-featured-body{ padding:2rem 2.1rem 2rem 0; display:flex; flex-direction:column; justify-content:center; }
.lnh-featured-body h2{ font-size:1.9rem; font-weight:600; line-height:1.18; margin:.4rem 0 .75rem; }
.lnh-featured-body h2 a{ color:inherit; text-decoration:none; }
.lnh-featured-body h2 a:hover{ text-decoration:underline; text-decoration-color:var(--lnh-gold); text-decoration-thickness:2px; }
.lnh-featured-excerpt{ color:var(--lnh-slate); line-height:1.6; margin-bottom:1.1rem; }

@media (max-width:900px){
  .lnh-featured{ grid-template-columns:1fr; }
  .lnh-featured-body{ padding:1.5rem; }
  .lnh-featured-image{ min-height:220px; }
}

/* ---------- Card grid ---------- */
.lnh-news-card{
  background:#fff;
  border:1px solid var(--lnh-line);
  border-radius:16px;
  overflow:hidden;
  height:100%;
  display:flex;
  flex-direction:column;
  transition:transform .18s ease, box-shadow .18s ease;
}
.lnh-news-card:hover{ transform:translateY(-3px); box-shadow:0 22px 40px -28px rgba(11,42,74,.35); }
.lnh-news-image-link{ display:block; aspect-ratio:16/10; overflow:hidden; background:#eee; }
.lnh-news-thumb{ width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.lnh-news-card:hover .lnh-news-thumb{ transform:scale(1.04); }
.lnh-news-body{ padding:1.35rem 1.4rem 1.5rem; display:flex; flex-direction:column; flex:1; }
.lnh-news-body h3{ font-size:1.15rem; font-weight:600; line-height:1.32; margin:.15rem 0 .6rem; }
.lnh-news-body h3 a{ color:var(--lnh-navy); text-decoration:none; }
.lnh-news-body h3 a:hover{ text-decoration:underline; text-decoration-color:var(--lnh-gold); text-decoration-thickness:2px; }
.lnh-news-body p{ color:var(--lnh-slate); font-size:.92rem; line-height:1.55; flex:1; }

.lnh-news-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid var(--lnh-line);
}
.lnh-news-avatar{
  width:30px; height:30px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:700; font-size:.8rem;
  flex-shrink:0;
  overflow:hidden;
}
.lnh-news-avatar img{ width:100%; height:100%; object-fit:cover; }
.lnh-news-link{
  font-size:.82rem; font-weight:600; color:var(--lnh-navy);
  text-decoration:none;
  display:inline-flex; align-items:center; gap:.35rem;
}
.lnh-news-link i{ font-size:.7rem; transition:transform .15s ease; }
.lnh-news-link:hover i{ transform:translateX(3px); }

/* ---------- Empty state ---------- */
.lnh-empty-state{
  text-align:center;
  padding:4rem 1.5rem;
  background:#fff;
  border:1px dashed var(--lnh-line);
  border-radius:16px;
  color:var(--lnh-slate);
}

/* ---------- Article detail ---------- */
.lnh-news-hero-image{
  width:100%;
  max-height:460px;
  object-fit:cover;
  border-radius:16px;
  display:block;
}
.lnh-news-article h1{ font-size:2.4rem; font-weight:600; line-height:1.18; }
.lnh-news-author-row{
  display:flex; align-items:center; gap:.75rem;
  margin:1.4rem 0 1.75rem;
  padding:1rem 0;
  border-top:1px solid var(--lnh-line);
  border-bottom:1px solid var(--lnh-line);
}
.lnh-news-author-row .lnh-news-avatar{ width:44px; height:44px; font-size:1.05rem; }
.lnh-news-content{
  font-size:1.08rem;
  line-height:1.85;
  color:#2a3542;
  white-space:pre-line;
}
.lnh-news-content p{ margin-bottom:1.25rem; }

.lnh-news-sidebar{ position:sticky; top:1.5rem; display:flex; flex-direction:column; gap:1.25rem; }
.lnh-share-card, .lnh-related-card{
  background:#fff;
  border:1px solid var(--lnh-line);
  border-radius:14px;
  padding:1.3rem 1.4rem;
}
.lnh-share-card h4, .lnh-related-card h4{
  font-family:var(--lnh-font-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--lnh-slate);
  margin-bottom:.9rem;
  font-weight:700;
}

.lnh-share-row{ display:flex; gap:.6rem; flex-wrap:wrap; }
.lnh-share-btn{
  width:40px; height:40px;
  border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--lnh-line);
  color:var(--lnh-navy);
  background:#fff;
  transition:all .15s ease;
  cursor:pointer;
}
.lnh-share-btn:hover{ transform:translateY(-2px); box-shadow:0 8px 16px -8px rgba(11,42,74,.4); }
.lnh-share-btn.whatsapp:hover{ background:#25D366; color:#fff; border-color:#25D366; }
.lnh-share-btn.facebook:hover{ background:#1877F2; color:#fff; border-color:#1877F2; }
.lnh-share-btn.x:hover{ background:#000; color:#fff; border-color:#000; }
.lnh-share-btn.linkedin:hover{ background:#0A66C2; color:#fff; border-color:#0A66C2; }
.lnh-share-btn.copy:hover{ background:var(--lnh-gold); color:var(--lnh-navy); border-color:var(--lnh-gold); }

.lnh-view-count{ margin-top:1rem; font-size:.82rem; color:var(--lnh-slate); display:flex; align-items:center; gap:.4rem; }

.lnh-related-item{
  display:block;
  text-decoration:none;
  padding:.7rem 0;
  border-bottom:1px solid var(--lnh-line);
}
.lnh-related-item:last-child{ border-bottom:none; padding-bottom:0; }
.lnh-related-item .fw-semibold{ color:var(--lnh-navy); font-size:.92rem; line-height:1.4; }
.lnh-related-item:hover .fw-semibold{ text-decoration:underline; text-decoration-color:var(--lnh-gold); }

@media (max-width:900px){
  .lnh-news-article h1{ font-size:1.7rem; }
  .lnh-news-sidebar{ position:static; }
}