/* ============================================================
   blog-b.css — supplementary styles for the second article batch
   (Schneider ATV630 smart control / ATV212 / ATS480 / ATS22,
    WEG distributor, Carlo Gavazzi soft starter)
   Loaded AFTER style.css + blog.css. Adds only NEW rules:
   - article-cover tints for WEG + Carlo Gavazzi
   - a "related insights" link row for cross-linking
   ============================================================ */

/* brand cover tints not already in blog.css */
.article__cover--weg{background:linear-gradient(160deg,#eff8fd 0%,#fff 62%)}
.article__cover--carlo{background:linear-gradient(160deg,#fdf6f2 0%,#fff 62%)}

/* eyebrow badge colour variants (base badge is lime; these tint per brand) */
.article__eyebrow .badge--weg{background:rgba(18,70,106,.1);color:#12466a}
.article__eyebrow .badge--carlo{background:rgba(178,74,32,.1);color:#b24a20}
.article__eyebrow .badge--schneider{background:rgba(31,95,46,.1);color:#1f5f2e}

/* related insights — small cross-link row above the CTA band */
.related-links{max-width:820px;margin:8px auto 0;padding:0 0 6px}
.related-links h4{font-family:var(--font-head);font-weight:700;color:var(--ink);
  font-size:.95rem;margin-bottom:14px;display:flex;align-items:center;gap:9px}
.related-links h4 svg{width:18px;height:18px;stroke:var(--accent);stroke-width:1.8;fill:none}
.related-links__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.rl-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line,#e7ece9);
  border-radius:12px;background:#fff;text-decoration:none;transition:border-color .18s ease,transform .18s ease}
.rl-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.rl-card__ic{flex-shrink:0;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  background:var(--bg-soft,#f4f8f5)}
.rl-card__ic svg{width:18px;height:18px;stroke:var(--accent);stroke-width:1.8;fill:none}
.rl-card__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.rl-card__txt strong{font-family:var(--font-head);font-weight:600;color:var(--ink);font-size:.86rem;line-height:1.3}
.rl-card__txt span{font-size:.76rem;color:var(--body,#556)}

/* key-facts strip — small factual spec table inside articles */
.facts-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;
  margin:26px 0;background:var(--line,#e7ece9);border:1px solid var(--line,#e7ece9);border-radius:12px;overflow:hidden}
.facts-strip__cell{background:#fff;padding:16px 18px}
.facts-strip__cell span{display:block;font-family:var(--font-head);font-weight:500;font-size:.68rem;
  letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.facts-strip__cell strong{font-family:var(--font-head);font-weight:700;color:var(--ink);font-size:1.02rem;line-height:1.2}
.facts-strip__cell small{display:block;margin-top:3px;font-size:.74rem;color:var(--body,#556)}

@media (max-width:560px){
  .related-links__grid{grid-template-columns:1fr}
}