.equipment-change-controls {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 22px 0;
}
.equipment-change-controls input {
  flex: 1;
  min-width: 180px;
}
.equipment-change-controls select {
  padding: 10px;
  border: 1px solid #b8c5a7;
  background: #f4f5ec;
  border-radius: 5px;
  color: #35432b;
}
.equipment-change-card {
  padding: 20px;
  border: 1px solid #d4ddc6;
  background: #eef2e5;
  margin: 12px 0;
  border-radius: 9px;
}
.equipment-change-title {
  display: flex;
  align-items: center;
  gap: 14px;
}
.equipment-change-title img {
  width: 54px;
  height: 54px;
  object-fit: contain;
  border-radius: 5px;
}
.equipment-change-title > div {
  flex: 1;
}
.equipment-change-title h3 {
  font-size: 17px;
  margin: 0 0 5px;
}
.equipment-change-title small {
  font-size: 11px;
  color: #7b866a;
}
.equipment-change-card p {
  font-size: 14px !important;
  line-height: 1.9;
}
.equipment-change-card details {
  font-size: 12px;
  color: #667952;
  margin: 14px 0;
}
.equipment-change-card a {
  font-size: 11px;
  text-decoration: underline;
}
.patch-impact-note {
  background: #e7ecd9;
  padding: 10px 13px;
  border-left: 3px solid #8ea56a;
  font-size: 12px !important;
}
.brief-schedule {
  font-size: 11px !important;
  color: #7a866b !important;
}
.brief-recent {
  margin: 22px 0;
  padding: 22px;
  border: 1px solid #d1dac3;
  border-radius: 10px;
  background: #eef1e5;
}
.brief-recent article {
  border-top: 1px solid #d6dec8;
  padding: 15px 0;
}
.brief-recent h3 {
  font-size: 18px;
}
.brief-recent h4 {
  font-size: 15px;
}
.brief-recent p {
  font-size: 13px !important;
  line-height: 1.9;
}
.brief-recent small,
.brief-recent a {
  font-size: 11px;
  color: #6e7d5b;
}
.catalog-patch-entry {
  grid-column: 2;
  display: flex;
  justify-content: flex-end;
  margin: 0 0 8px;
}
.catalog-patch-entry button {
  background: #d8dfc0;
  color: #35402b;
  border: 1px solid #8e9d73;
  border-radius: 4px;
  padding: 7px 11px;
  font-size: 11px;
}
@media (max-width: 750px) {
  .catalog-patch-entry {
    margin-top: 10px;
  }
  .equipment-change-card {
    padding: 14px;
  }
  .equipment-change-title {
    gap: 9px;
  }
  .equipment-change-title h3 {
    font-size: 15px;
  }
  .equipment-change-title .patch-direction {
    font-size: 10px;
  }
}

/* News shortcuts sit below the title, leaving the headline uncluttered. */
.news-shortcuts {display:flex;gap:12px;flex-wrap:wrap;margin:-8px 0 26px;}
.news-shortcuts > button {flex:1;min-width:180px;text-align:left;padding:16px 20px;border:1px solid #cdd5be;border-radius:7px;background:#e9eddc;color:#293c2b;cursor:pointer;font:inherit;}
.news-shortcuts > button > span {display:block;font-size:18px;font-weight:750;color:#293c2b;margin-bottom:5px;}
.news-shortcuts strong {display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;font-weight:500;color:#71805d;}
.news-shortcuts > button:hover {background:#dfe7ca;border-color:#8c9d70;}
.news-shortcuts > .brief-entry {flex:0 1 auto;min-width:160px;margin:0;font-size:14px;}

/* Compact hero patch browser: one clear summary per hero. */
.hero-change-browser > h2 {font-size:26px!important;margin:5px 0 8px!important;}
.hero-change-browser > p {font-size:13px!important;margin:8px 0!important;}
.hero-change-browser .equipment-change-controls {margin:16px 0 12px;gap:8px;}
.hero-change-browser .equipment-change-controls input {flex:0 1 360px;padding:10px 12px;}
.hero-change-browser .equipment-change-controls select {padding:8px 12px;font-size:13px;}
.hero-change-browser .source-note {font-size:11px!important;line-height:1.6!important;}
.hero-change-row {margin:7px 0;border:1px solid #d4ddc6;border-radius:6px;background:#eef2e5;}
.hero-change-row > summary {display:grid;grid-template-columns:225px 95px minmax(0,1fr) 16px;gap:14px;align-items:center;padding:12px 14px;list-style:none;cursor:pointer;}
.hero-change-row > summary::-webkit-details-marker {display:none;}
.hero-change-identity {display:flex;align-items:center;gap:10px;min-width:0;}
.hero-change-identity img {width:36px;height:42px;object-fit:contain;}
.hero-change-identity b {display:block;font-size:14px;line-height:1.4;color:#26372b;}
.hero-change-identity small {display:block;font-size:10px;color:#79866d;margin-top:3px;}
.hero-change-preview {font-size:12px;line-height:1.6;color:#5a6850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hero-change-toggle {color:#71805d;font-size:19px;}
.hero-change-row[open] .hero-change-toggle {transform:rotate(45deg);}
.hero-change-row .patch-direction {justify-self:start;font-size:10px;padding:4px 7px;white-space:nowrap;}
.hero-change-detail {padding:0 16px 13px 60px;border-top:1px solid #dce3d1;}
.hero-change-detail p {font-size:13px!important;line-height:1.8;margin:12px 0!important;}
.hero-change-detail details,.hero-change-detail a {font-size:11px;}
.hero-change-detail a {display:inline-block;margin-top:8px;text-decoration:underline;}
@media(max-width:800px){.hero-change-row > summary{grid-template-columns:minmax(0,1fr) auto 16px;gap:8px;padding:10px 12px;}.hero-change-preview{grid-column:1 / 3;grid-row:2;}.hero-change-toggle{grid-column:3;grid-row:1 / 3;}.hero-change-detail{padding-left:14px;}}
