/* ============================================================
   NBT HOST — BLOG (site/blog/*.html, generate de server/genereaza-blog.py)
   Peste style.css + host.css + ghiduri.css: blogul folosește hero-ul, corpul, cuprinsul, cardurile și listele
   ghidurilor. Aici e doar ce e propriu blogului: data pe carduri și în liste, etichetele, linkul RSS.
   Strict alb-negru, tokens din host.css. Fără nimic împins în lateral; grilele cu minmax(0,1fr).
   ?v= = MD5-ul fișierului, pus de generator: după o schimbare aici rulezi python3 server/genereaza-blog.py.
   ============================================================ */

/* cardurile: tema în stânga, data în dreapta (fără numărul decorativ din „Populare”) */
.bl-cards .gd-card-top::after{content:none}
.bl-cards .gd-card-top,.gd-rel .gd-card-top{flex-wrap:wrap;row-gap:10px}
.bl-cards .prod-tag,.gd-rel .prod-tag{white-space:nowrap}
.bl-cards .gd-card h3{margin-top:auto;padding-top:clamp(18px,2vw,26px)}
.bl-card-d{font-family:var(--fd);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--w42);
  white-space:nowrap}
.gd-card:hover .bl-card-d{color:var(--w72)}

/* listele pe teme: data și timpul de citit sub descriere */
.bl-row-d{font-family:var(--fd);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--w42)}

/* RSS, sub teme */
.bl-rss{margin-top:18px;font-size:13px;color:var(--w56)}
.bl-ix .bl-rss{text-align:center}
.bl-rss a{color:var(--w72);text-decoration:underline;text-decoration-color:var(--w30);text-underline-offset:3px}
.bl-rss a:hover{color:#fff;text-decoration-color:currentColor}
.gd-hero .lead a{color:inherit;text-decoration:underline;text-decoration-color:var(--w30);text-underline-offset:3px}

/* etichetele de la finalul articolului (în foaia albă) */
.gd-art .bl-tags{margin-top:clamp(40px,5vw,64px);padding-top:22px;border-top:1px solid var(--w08)}
.gd-art .bl-tags-t{margin:0 0 14px;font-family:var(--fd);font-size:10px;font-weight:400;letter-spacing:.24em;
  text-transform:uppercase;color:var(--w56)}
.gd-art .bl-tags ul{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.gd-art .bl-tags li{padding:0}
.gd-art .bl-tags li::before{content:none}
.gd-art .bl-tags a{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:1px solid var(--w12);
  border-radius:var(--r-pill);font-size:13px;line-height:1.3;color:var(--w72);text-decoration:none;
  transition:border-color var(--t1) var(--e),color var(--t1) var(--e)}
.gd-art .bl-tags a:hover{border-color:var(--ink);color:var(--ink)}

/* secțiunea de etichete de pe cuprinsul blogului */
.bl-tagsec{position:relative;padding:clamp(72px,9vw,128px) var(--pad) clamp(40px,5vw,72px)}
.bl-taggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,18px)}
.bl-tag{min-width:0;padding:20px 22px 16px;border:1px solid var(--w08);border-radius:var(--r-m);
  scroll-margin-top:calc(var(--hd-h) + 20px)}
.bl-tag:target{border-color:var(--w42)}
.bl-tag h3{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;
  font-size:1.05rem;font-weight:400;letter-spacing:-.015em}
.bl-tag h3 span{font-family:var(--fd);font-size:10px;letter-spacing:.14em;color:var(--w42)}
.bl-tag ul{display:grid;gap:0}
.bl-tag li+li{border-top:1px solid var(--w05)}
.bl-tag a{display:block;padding:9px 0;font-size:13.5px;line-height:1.5;color:var(--w72);transition:color var(--t1) var(--e)}
.bl-tag a:hover{color:#fff}

@media (max-width:980px){
  .bl-taggrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .bl-taggrid{grid-template-columns:minmax(0,1fr)}
  .bl-tag{padding:18px 18px 12px}
  .bl-cards .gd-card h3{padding-top:16px}
}
@media print{
  .bl-tagsec,.gd-art .bl-tags{display:none}
}