/* The homepage brief shares reviewed records with the full advisory archive. */
#security-updates .incident-heading { align-items: start; }
#security-updates .eyebrow { flex-wrap: wrap; gap: 6px; line-height: 1.7; }
#security-updates .brief-intro > p { color: #c2c8d0; font-size: 16px; line-height: 1.8; max-width: 500px; }
#security-updates .brief-archive-link { margin-top: 24px; background: #f5f4ef; color: #14171b; justify-content: space-between; }
#security-updates .brief-archive-link:hover { background: #fff; }
#security-updates .brief-archive-link:focus-visible { outline-color: #fff; }
#security-updates .brief-intro .brief-selection { margin-top: 15px; color: #c2c8d0; font: 11px/1.8 var(--mono); }
#security-updates .incident-row { grid-template-columns: 260px minmax(0, 1fr) 150px; gap: 30px; }
#security-updates .incident-label h3 { overflow-wrap: anywhere; }
#security-updates .brief-text-mark { font: 600 14px/1.3 var(--sans); color: #14171b; }
#security-updates .incident-detail .brief-evidence { margin-bottom: 11px; font: 11px/1.6 var(--mono); color: #f5f4ef; }
#security-updates .incident-detail .brief-action { margin-top: 13px; overflow-wrap: anywhere; }
#security-updates .brief-action strong { color: #f5f4ef; font-weight: 600; }
#security-updates .brief-links { min-width: 0; }
#security-updates .brief-links .incident-source { font-size: 12px; white-space: normal; }
#security-updates .brief-record-link { display: flex; justify-content: space-between; gap: 16px; margin-top: 8px; padding-block: 6px; color: #f5f4ef; font-size: 12px; line-height: 1.7; }
#security-updates .brief-record-link:hover { text-decoration: underline; text-underline-offset: 5px; }
#security-updates .brief-record-link > span { font-size: 19px; line-height: 1.2; }
#security-updates .brief-checked { margin-top: 17px; color: #c2c8d0; font: 10px/1.8 var(--mono); }
#security-updates .disclosure-note { margin-top: 25px; font-size: 12px; line-height: 1.8; max-width: 850px; }
@media (max-width: 1180px) {
  #security-updates .incident-row { grid-template-columns: 230px minmax(0, 1fr) 140px; gap: 24px; }
}
@media (max-width: 960px) {
  #security-updates .incident-row { grid-template-columns: 220px minmax(0, 1fr); gap: 14px 25px; }
  #security-updates .brief-links { grid-column: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 25px; }
  #security-updates .brief-links .incident-source, #security-updates .brief-record-link { margin: 0; padding-block: 4px; gap: 18px; }
  #security-updates .brief-checked { margin: 0; flex-basis: 100%; }
}
@media (max-width: 600px) {
  #security-updates .brief-intro > p { font-size: 15px; }
  #security-updates .brief-archive-link { width: 100%; gap: 16px; margin-top: 22px; font-size: 13px; }
  #security-updates .brief-intro .brief-selection { font-size: 10px; }
  #security-updates .incident-row { display: block; }
  #security-updates .brief-links { margin-top: 18px; }
  #security-updates .incident-detail .brief-evidence { margin-bottom: 9px; }
}

/* Three canonical highlights on the overview; the topic page retains all eight. */
.brief-highlights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.brief-highlight { display: flex; flex-direction: column; padding-top: 25px; border-top: 1px solid var(--dark-line); min-width: 0; }
.brief-highlight-top { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.brief-highlight-top > span:last-child { font: 10px/1.7 var(--mono); color: #c2c8d0; }
.brief-highlight .incident-mark { flex: none; width: 75px; height: 48px; margin: 0; }
.brief-highlight .incident-mark img { max-width: 62px; max-height: 34px; }
.brief-highlight .brief-highlight-date { font: 10px/1.7 var(--mono); color: #c2c8d0; }
.brief-highlight h3 { font: 600 27px/1.25 var(--display); color: #fff; margin: 10px 0; }
.brief-highlight .brief-highlight-title { color: #fff; font-size: 15px; line-height: 1.6; }
.brief-highlight .brief-highlight-summary { color: #c2c8d0; font-size: 13px; line-height: 1.8; margin-top: 14px; }
.brief-highlight-links { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-top: 22px; margin-top: auto; font-size: 12px; color: #fff; }
.brief-highlight-links a { padding-block: 7px; }
.brief-highlight-links a:hover { text-decoration: underline; text-underline-offset: 5px; }
.brief-homepage .disclosure-note { max-width: 980px; }
@media (max-width: 960px) { .brief-highlights { gap: 24px; } .brief-highlight-top { display: block; } .brief-highlight-top > span:last-child { display: block; margin-top: 12px; } }
@media (max-width: 600px) { .brief-highlights { grid-template-columns: 1fr; gap: 28px; } .brief-highlight-top { display: flex; margin-bottom: 14px; } .brief-highlight-top > span:last-child { margin-top: 0; } .brief-highlight h3 { font-size: 25px; } }