.news130-grid {
  --news130-ink: #203745;
  --news130-muted: #53656a;
  --news130-olive: #506c35;
  --news130-line: #d6dfd4;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 1.9vw, 1.6rem);
  width: 100%;
  min-width: 0;
  align-items: stretch;
}
.news130-card {
  --news130-ink: #203745;
  --news130-muted: #53656a;
  --news130-olive: #506c35;
  --news130-line: #d6dfd4;
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--news130-line);
  border-radius: 15px;
  background: #fff;
  color: var(--news130-ink);
  overflow: hidden;
  box-shadow: 0 5px 20px rgb(32 55 69 / 4%);
  isolation: isolate;
}
.news130-card *, .news130-card *::before, .news130-card *::after { box-sizing: border-box; }
.news130-figure { display: block; margin: 0; padding: 0; min-width: 0; }
.news130-art { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #203745; container-type: inline-size; }
.news130-art > svg, .news130-art > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.news130-art-copy {
  position: absolute;
  inset: 13% auto 13% 6%;
  width: 49%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .65em;
  color: #f6f8ef;
  font-size: clamp(.85rem, 1.18vw, 1.1rem);
  font-size: clamp(.75rem, 4cqi, 1.4rem);
  line-height: 1.35;
  text-wrap: balance;
  pointer-events: none;
}
.news130-art-copy > span { font-size: .53em; font-weight: 700; color: #d2e1b6; letter-spacing: .13em; }
.news130-art-copy > strong { font-size: 1.28em; line-height: 1.42; font-weight: 700; overflow-wrap: normal; }
.news130-art-copy > small { color: #d2dfdc; font-size: .61em; line-height: 1.5; }
.news130-figure > figcaption { display: block; padding: .55rem 1rem; background: #f3f6ef; border-bottom: 1px solid var(--news130-line); color: #596953; font-size: .69rem; line-height: 1.5; }
.news130-content { display: flex; flex-direction: column; flex: 1; padding: clamp(1rem, 1.6vw, 1.5rem); min-width: 0; }
.news130-source { display: flex; flex-wrap: wrap; gap: .3rem .5rem; align-items: baseline; color: var(--news130-muted); font-size: .75rem; line-height: 1.6; margin: 0 0 .8rem; }
.news130-source-name { font-weight: 650; overflow-wrap: anywhere; }
.news130-source time { font-variant-numeric: tabular-nums; }
.news130-labels { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .8rem; align-items: center; }
.news130-category, .news130-priority { display: inline-flex; padding: .26rem .55rem; border-radius: 5px; font-size: .7rem; font-weight: 700; line-height: 1.5; }
.news130-category { background: #edf2e7; color: #415d2b; }
.news130-priority { background: #f7f0df; color: #735314; }
.news130-priority--critical { color: #8e352b; background: #fae9e4; }
.news130-priority--watch { color: #31546a; background: #eaf1f5; }
.news130-editorial { min-width: 0; }
.news130-title { margin: 0 0 .8rem; font-size: clamp(1.15rem, 1.5vw, 1.45rem); line-height: 1.48; font-weight: 750; letter-spacing: -.012em; color: var(--news130-ink); text-wrap: pretty; overflow-wrap: anywhere; }
.news130-title > a { color: inherit; text-decoration: none; }
.news130-title > a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.news130-summary { margin: 0 0 1rem; font-size: .92rem; line-height: 1.85; color: #475b62; overflow-wrap: anywhere; }
.news130-language { padding: .5rem .65rem; border-left: 2px solid #9aad8a; background: #f6f7f3; color: #596953; font-size: .73rem; line-height: 1.6; margin: 0 0 .9rem; }
.news130-why { display: block; margin: .2rem 0 1.1rem; }
.news130-why > span { display: block; margin-bottom: .25rem; font-size: .74rem; font-weight: 750; color: var(--news130-olive); }
.news130-why > p { font-size: .86rem; line-height: 1.8; margin: 0; color: #475b62; overflow-wrap: anywhere; }
.news130-action { margin-top: auto; padding: .85rem 1rem; background: #f4f6ef; border-left: 3px solid #8fa569; border-radius: 0 7px 7px 0; }
.news130-action > strong { display: block; color: #40572e; margin: 0 0 .3rem; font-size: .74rem; line-height: 1.5; }
.news130-action > p { margin: 0; font-size: .85rem; line-height: 1.8; color: #40535c; overflow-wrap: anywhere; }
.news130-source-link { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 44px; color: #405f2e; font-size: .82rem; font-weight: 750; text-decoration: none; border-top: 1px solid #e2e7df; padding: .9rem 0 0; margin-top: 1.05rem; }
.news130-source-link > span:last-child { font-size: 1.2rem; }
.news130-source-link:hover > span:first-child { text-decoration: underline; text-underline-offset: .2em; }
.news130-card a:focus-visible { outline: 3px solid #607e39; outline-offset: 4px; border-radius: 3px; }
.news130-card:focus-within { border-color: #6c8749; box-shadow: 0 0 0 1px #6c8749; }
/* The same visual contract is available to the server-rendered PHP newsletter. */
.news130-section { margin-block: clamp(2rem, 4vw, 4rem); min-width: 0; }
.news130-section-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; column-gap: 1.5rem; margin-bottom: 1.5rem; }
.news130-section-heading h2 { color: #203745; line-height: 1.4; margin: .3rem 0 .6rem; text-wrap: balance; }
.news130-kicker { color: #506c35; font-size: .75rem; font-weight: 750; letter-spacing: .1em; margin: 0 0 .6rem; }
.news130-intro { max-width: 70ch; color: #53656a; font-size: .94rem; line-height: 1.85; margin: .4rem 0 1rem; }
.news130-quick-links { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0 1.5rem; }
.news130-quick-links > a { display: inline-flex; align-items: center; gap: 1rem; min-height: 44px; padding: .6rem 1rem; border: 1px solid #cbd7bf; border-radius: 6px; background: #f4f7ef; color: #405f2e; font-weight: 700; font-size: .85rem; text-decoration: none; }
.news130-quick-links > a:hover { background: #e8efdd; }
.news130-quick-links > a:focus-visible { outline: 3px solid #607e39; outline-offset: 3px; }
.news130-section, #major-vulnerabilities { scroll-margin-top: 10rem; }
.news130-source-date { overflow-wrap: anywhere; }
.news130-date-note, .news130-history { margin: 0 0 .9rem; padding: .6rem .75rem; background: #f5f7f2; border-left: 2px solid #9aad8a; font-size: .75rem; line-height: 1.75; color: #53654a; overflow-wrap: anywhere; }
.news130-history { background: #faf5e8; color: #725c2e; border-color: #b5a067; }
.news130-visual { display: block; position: relative; margin: 0; min-width: 0; }
.news130-visual > img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: #203745; }
.news130-image-label { display: block; padding: .55rem 1rem; background: #f3f6ef; border-bottom: 1px solid #d6dfd4; color: #596953; font-size: .69rem; line-height: 1.5; }
.news130-card-body { display: flex; flex-direction: column; flex: 1; padding: clamp(1rem, 1.6vw, 1.5rem); min-width: 0; }
.news130-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem .7rem; color: #53656a; font-size: .75rem; line-height: 1.6; margin-bottom: .8rem; }
.news130-meta time, .news130-reviewed { font-variant-numeric: tabular-nums; }
.news130-badge { display: inline-flex; padding: .25rem .5rem; border-radius: 5px; color: #415d2b; background: #edf2e7; font-size: .69rem; font-weight: 750; line-height: 1.5; }
.news130-badge.is-automatic { background: #eaf1f5; color: #31546a; }
.news130-relevance { margin: .15rem 0 1rem; font-size: .86rem; line-height: 1.85; color: #4a6140; overflow-wrap: anywhere; }
.news130-followup { margin-top: auto; border-top: 1px solid #e2e7df; color: #405f2e; }
.news130-followup > summary { min-height: 44px; padding: .7rem 0; cursor: pointer; font-size: .82rem; line-height: 1.7; font-weight: 700; }
.news130-followup > div { padding-bottom: .6rem; }
.news130-followup > summary:focus-visible, .news130-references > summary:focus-visible { outline: 3px solid #607e39; outline-offset: 3px; }
.news130-facts { margin: 1rem 0; padding: 0; list-style: none; border-top: 1px solid #e2e7df; }
.news130-facts > li { display: grid; grid-template-columns: minmax(0, .37fr) minmax(0, .63fr); gap: .65rem; padding: .6rem 0; border-bottom: 1px solid #e2e7df; font-size: .78rem; line-height: 1.75; overflow-wrap: anywhere; }
.news130-facts strong { color: #40572e; }
.news130-facts span { color: #475b62; }
.news130-footer { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1rem; justify-content: space-between; margin-top: 1.05rem; padding-top: .85rem; border-top: 1px solid #e2e7df; }
.news130-footer .news130-source { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; margin: 0; padding: .35rem 0; color: #405f2e; font-size: .82rem; font-weight: 750; text-decoration: none; overflow-wrap: anywhere; }
.news130-footer .news130-source:hover { text-decoration: underline; text-underline-offset: .2em; }
.news130-reviewed { color: #53656a; font-size: .7rem; line-height: 1.6; }
.news130-selected { margin: .5rem 0 0; color: #53656a; font-size: .72rem; line-height: 1.7; }
.news131-source-records > ul { padding: 0 0 0 1.2rem; }
.news131-source-records > ul > li { padding: .7rem .4rem; border-bottom: 1px solid #dce4d8; font-size: .85rem; line-height: 1.9; overflow-wrap: anywhere; }
.news131-source-records a { color: #31546a; text-underline-offset: .2em; }
.news130-references { margin-top: .7rem; color: #53656a; font-size: .78rem; line-height: 1.8; }
.news130-references > summary { cursor: pointer; padding: .5rem 0; min-height: 44px; color: #405f2e; font-weight: 700; }
.news130-references ul { margin: .3rem 0; padding-left: 1.1rem; }
.news130-references a { color: #31546a; overflow-wrap: anywhere; text-underline-offset: .15em; }
.news130-references > summary:focus-visible { outline: 3px solid #607e39; outline-offset: 3px; border-radius: 3px; }
.news130-license { margin: 1rem 0 0; font-size: .72rem; line-height: 1.8; color: #596953; }
/* Compact hosts such as a popup can opt into two/one columns without relying on translated data. */
.news130-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.news130-grid--single { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 1100px) {
  .news130-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news130-grid--single { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 660px) {
  .news130-grid, .news130-grid--compact { grid-template-columns: minmax(0, 1fr); gap: 1.15rem; }
  .news130-content { padding: 1.1rem; }
  .news130-title { font-size: 1.22rem; }
  .news130-summary { font-size: .92rem; }
  .news130-figure > figcaption { padding-inline: 1.1rem; }
}
@media (prefers-reduced-motion: no-preference) {
  .news130-card { transition: box-shadow .16s ease, border-color .16s ease; }
  .news130-card:hover { box-shadow: 0 8px 25px rgb(32 55 69 / 8%); border-color: #a6b59c; }
}
@media (forced-colors: active) {
  .news130-card { border: 1px solid CanvasText; }
  .news130-card a:focus-visible { outline: 3px solid LinkText; }
}