/* ---------- Search / filter bar ---------- */
.em-blog-search{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-7);display:flex;flex-direction:column;gap:10px}
.em-blog-search__row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.em-blog-search__text{flex:2;min-width:180px;padding:9px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);font:var(--text-body-sm);background:var(--surface-page);color:var(--ink-900)}
.em-blog-search__select{flex:1;min-width:150px;padding:9px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);font:var(--text-body-sm);background:var(--surface-page);color:var(--ink-900)}
.em-blog-search__row--dates{font:var(--text-caption);color:var(--text-secondary)}
.em-blog-search__row--dates label{display:flex;align-items:center;gap:6px}
.em-blog-search__row--dates input[type="date"]{padding:6px 8px;border:1px solid var(--border-default);border-radius:var(--radius-sm);font:var(--text-caption);background:var(--surface-page);color:var(--ink-900)}
.em-blog-search__row--dates input[type="date"]:disabled{opacity:0.5;background:var(--surface-subtle, var(--surface-page))}
.em-blog-search__checkbox{cursor:pointer}
.em-blog-search__count{font:var(--text-body-sm);color:var(--text-secondary);margin:0 0 var(--space-5)}
.em-blog-search__reset{font:var(--text-caption);color:var(--text-muted);text-decoration:underline;margin-left:auto}
.em-blog-search__row--perpage{font:var(--text-caption);color:var(--text-secondary);margin-left:auto}
.em-blog-search__row--perpage select{flex:none;min-width:150px}

/* ---------- Blog index grid ---------- */
.em-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
@media (max-width:899px){ .em-blog-grid{grid-template-columns:1fr 1fr} }
@media (max-width:599px){ .em-blog-grid{grid-template-columns:1fr} }

.em-blog-card{display:flex;flex-direction:column;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow 200ms var(--ease-standard),border-color 200ms var(--ease-standard)}
.em-blog-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}
.em-blog-card__media{position:relative;height:170px;background:linear-gradient(135deg,var(--brand-blue-700),var(--brand-blue-500));display:flex;align-items:center;justify-content:center}
.em-blog-card__media img{width:100%;height:100%;object-fit:cover}
.em-blog-card__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.em-blog-card__play span{width:44px;height:44px;border-radius:50%;background:rgba(20,23,26,0.55);display:flex;align-items:center;justify-content:center}
/* Specificity fix: plain ".em-blog-card__icon{width:36px;...}" used to lose to the
   more specific ".em-blog-card__media img" rule above (class+element beats a lone
   class), so the fallback icon stretched to fill the whole 326×170 card instead of
   staying a small centered glyph — this is what read as "immagine rotta/generica". */
.em-blog-card__media img.em-blog-card__icon{width:44px;height:44px;object-fit:contain;opacity:0.9}
.em-blog-card__body{padding:var(--space-5);display:flex;flex-direction:column;flex:1}
.em-blog-card__badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.em-blog-card__badge{display:inline-block;font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;background:var(--accent-primary-soft);color:var(--accent-primary);border-radius:var(--radius-full);padding:3px 10px}
.em-blog-card__badge--settore{background:var(--accent-secondary-soft);color:var(--accent-secondary-hover, var(--accent-secondary))}
.em-blog-card__title{font:var(--text-h4);color:var(--ink-900);margin:0 0 8px;line-height:1.3}
.em-blog-card__excerpt{font:var(--text-body-sm);color:var(--text-secondary);margin:0 0 var(--space-4);flex:1}
.em-blog-card__pubdate{font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-900);font-weight:600;margin:0}
.em-blog-card__source-date{font:var(--text-caption);color:var(--text-muted);font-style:italic;margin:2px 0 0}

/* ---------- Single post ---------- */
.em-blog-post__meta{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-4)}
.em-blog-post__topic-pill{background:var(--accent-primary-soft);color:var(--accent-primary);border-radius:var(--radius-full);padding:4px 12px}
.em-blog-post__media{max-width:820px;margin:0 auto var(--space-8);border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,var(--brand-blue-700),var(--brand-blue-500));position:relative;aspect-ratio:16/9}
.em-blog-post__media img{width:100%;height:100%;object-fit:cover;display:block}
.em-blog-post__media-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.em-blog-post__media-icon img{width:64px;height:64px;object-fit:contain;filter:invert(1);opacity:0.9}
.em-blog-post__video-caption{max-width:820px;margin:calc(var(--space-8) * -1) auto var(--space-8);text-align:right;font:var(--text-caption);color:var(--text-muted)}
.em-blog-post__body{max-width:720px;margin:0 auto}
.em-blog-post__body p{font:var(--text-body-lg);color:var(--text-secondary);line-height:1.7;margin:0 0 var(--space-5)}
.em-blog-angle{max-width:720px;margin:var(--space-7) auto;background:var(--accent-secondary-soft);border-left:3px solid var(--accent-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-5) var(--space-6)}
.em-blog-angle__label{display:flex;align-items:center;gap:8px;font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-secondary-hover, var(--accent-secondary));margin-bottom:8px}
.em-blog-angle__text{font:var(--text-body);color:var(--ink-900);margin:0;line-height:1.6}
.em-blog-actions{max-width:720px;margin:var(--space-6) auto var(--space-7);background:var(--accent-primary-soft);border-left:3px solid var(--accent-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-5) var(--space-6)}
.em-blog-actions .em-blog-angle__label{color:var(--accent-primary)}
.em-blog-actions__list{margin:0;padding-left:1.25em;display:flex;flex-direction:column;gap:8px}
.em-blog-actions__list li{font:var(--text-body);color:var(--ink-900);line-height:1.6}
.em-blog-source{max-width:720px;margin:var(--space-7) auto 0;padding-top:var(--space-5);border-top:1px solid var(--border-default);font:var(--text-body-sm);color:var(--text-muted)}
.em-blog-source a{color:var(--accent-primary)}
.em-blog-ai-disclosure{max-width:720px;margin:var(--space-3) auto 0;font:var(--text-caption);color:var(--text-muted);opacity:0.8}

/* ---------- Newsletter box (compact, discreet) ---------- */
.em-newsletter-box{background:var(--surface-subtle, var(--surface-card));border:1px dashed var(--border-default);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5)}
.em-newsletter-box__form{display:flex;flex-direction:column;gap:6px}
.em-newsletter-box__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.em-newsletter-box__icon{opacity:0.6;flex:none}
.em-newsletter-box__label{font:var(--text-caption);color:var(--text-secondary);white-space:nowrap;margin-right:2px}
.em-newsletter-box__row input[type="email"]{flex:1;min-width:160px;padding:7px 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);font:var(--text-caption);background:var(--surface-page);color:var(--ink-900)}
.em-newsletter-box .em-form-checkbox{font-size:11px}