/* Frank's Daily IT Buzz - net.extend page layer */
#buzz-banner {
  background-color: #272833;
  border-bottom: solid 0.35em #eb6601;
  padding: 5.5em 0 3.5em 0;
}
#buzz-banner .container {
  display:flex;
  align-items:center;
  gap:3em;
}
#buzz-banner .image {
  border-radius:100%;
  width:13em;
  height:13em;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.3);
  flex:0 0 auto;
}
#buzz-banner .image img {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(1);
}
#buzz-banner h2 { margin-bottom:.35em; }
#buzz-banner .eyebrow {
  color:#eb6601;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.85em;
  margin-bottom:.75em;
}
#buzz-banner p { margin-bottom:0; }

#buzz-content .date {
  color:rgba(255,255,255,.5);
  margin-bottom:1.5em;
}
.buzz-card {
  border:1px solid #eb6601;
  border-radius:8px;
  padding:2em;
  margin-bottom:2em;
  background:transparent;
}
.buzz-card .kicker {
  color:#fff;
  font-size:1.2em;
  font-weight:300;
}
.buzz-card .why {
  border-left:4px solid #eb6601;
  padding-left:1.2em;
  margin:1.5em 0;
}
.buzz-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.buzz-mini {
  border:1px solid #eb6601;
  border-radius:8px;
  padding:1.5em;
}
.buzz-tags {
  display:flex;
  flex-wrap:wrap;
  gap:.55em;
  margin-top:2em;
}
.buzz-tag {
  border:1px solid rgba(255,255,255,.3);
  border-radius:4px;
  padding:.3em .65em;
  font-size:.82em;
  color:#fff;
}
.buzz-tag.primary {
  border-color:#eb6601;
  color:#eb6601;
}
.buzz-source {
  display:inline-block;
  margin-top:.4em;
}
@media screen and (max-width: 980px) {
  #buzz-banner .container {
    flex-direction:column;
    text-align:center;
  }
}
@media screen and (max-width: 736px) {
  #buzz-banner { padding:4.5em 1.5em 2.5em 1.5em; }
  #buzz-banner .image { width:9em; height:9em; }
  .buzz-grid { grid-template-columns:1fr; }
  .buzz-card { padding:1.4em; }
}