/* Semester assessment announcement, scoped to Smart Engineering Management. */
.engineering-breaking {
  color: #26100a;
  background: linear-gradient(110deg, #fff261 0%, #ffd044 48%, #ff8652 100%);
  border-bottom: 5px solid #dc3023;
}
.engineering-breaking-inner { width: min(1180px, calc(100% - 48px)); margin: auto; padding: 25px 0 30px; }
.engineering-breaking-label { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: clamp(16px, 1.7vw, 21px); font-weight: 900; line-height: 1.35; letter-spacing: .025em; }
.engineering-breaking-icon { display: grid; place-items: center; width: 42px; height: 42px; background: #26100a; border-radius: 10px; font-size: 28px; flex-shrink: 0; }
.engineering-breaking-en { font-size: .8em; }
.engineering-new { display: inline-block; padding: 5px 11px; border-radius: 6px; background: #c32116; color: #fff; font-size: 15px; font-weight: 900; letter-spacing: .09em; animation: engineering-new-pulse 1.8s ease-in-out infinite; }
.engineering-breaking h2 { margin: 15px 0 0; color: #26100a; font-weight: 900; line-height: 1.35; letter-spacing: -.025em; }
.engineering-breaking-context { display: block; margin-bottom: 8px; font-size: clamp(18px, 2vw, 25px); }
.engineering-breaking-message { display: block; font-size: clamp(28px, 4vw, 49px); }
.engineering-breaking-key { display: inline-block; margin-left: .12em; padding: 0 .16em .035em; color: #fff; background: #a91b12; border-radius: 5px; }
@keyframes engineering-new-pulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgb(195 33 22 / 25%); } 50% { transform: scale(1.07); box-shadow: 0 0 0 7px rgb(195 33 22 / 0%); } }
@media (max-width: 680px) {
  .engineering-breaking-inner { width: calc(100% - 32px); padding: 20px 0 24px; }
  .engineering-breaking-label { gap: 9px; }
  .engineering-breaking-icon { width: 32px; height: 32px; font-size: 23px; border-radius: 7px; }
  .engineering-breaking-en { font-size: .68em; letter-spacing: 0; }
  .engineering-new { padding: 4px 8px; font-size: 12px; }
  .engineering-breaking h2 { margin-top: 13px; }
  .engineering-breaking-message { font-size: clamp(27px, 6.8vw, 43px); }
}
@media (prefers-reduced-motion: reduce) { .engineering-new { animation: none; } }