.daily-brief {
  background: var(--navy);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.daily-brief::after {
  content: "DAILY";
  position: absolute;
  right: -25px;
  top: -55px;
  color: rgba(255,255,255,.025);
  font: 900 220px var(--display);
  letter-spacing: -.08em;
}
.daily-brief-head {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 80px;
  align-items: end;
  position: relative;
  z-index: 1;
  margin-bottom: 52px;
}
.daily-brief-head h2 { font-size: clamp(38px,4.4vw,60px); color: #fff; }
.daily-brief-head h2 span { color: var(--turq); }
.daily-brief-intro > p { margin: 0 0 24px; color: #a8b8c4; font-size: 17px; }
.digest-date { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; color: #fff; font-size: 12px; }
.digest-date i { width: 8px; height: 8px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 5px rgba(217,35,56,.18); }
.digest-date b { font-size: 11px; letter-spacing: .12em; }
.digest-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; position: relative; z-index: 1; }
.digest-card { background: #0d2a43; padding: 28px; min-height: 390px; display: flex; flex-direction: column; border-top: 4px solid var(--turq); }
.digest-card.digest-featured { border-top-color: var(--red); }
.digest-region { align-self: flex-start; background: var(--turq); color: var(--navy); padding: 7px 9px; font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.digest-featured .digest-region { background: var(--red); color: #fff; }
.digest-source { margin: 24px 0 10px; color: #8197a6; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.digest-card h3 { margin: 0; color: #fff; font: 800 21px/1.28 var(--display); }
.digest-card > p:not(.digest-source) { color: #a8b8c4; font-size: 13px; }
.digest-card blockquote { margin: 18px 0; padding: 13px 15px; border-left: 3px solid var(--turq); background: #082036; color: #dce6eb; font: 600 12px/1.5 var(--font); }
.digest-card a { display: flex; justify-content: space-between; margin-top: auto; padding-top: 18px; border-top: 1px solid #28445a; color: #fff; font-size: 12px; font-weight: 800; }
.digest-card a:hover { color: var(--turq); }
.digest-note { position: relative; z-index: 1; margin: 20px 0 0; padding: 18px 22px; border-left: 4px solid var(--red); background: #0a2338; color: #9fb0bd; font-size: 12px; }

@media (max-width: 900px) {
  .daily-brief-head { grid-template-columns: 1fr; gap: 28px; }
  .digest-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .digest-grid { grid-template-columns: 1fr; }
  .digest-card { min-height: 0; }
}