.response-context {
  width: min(1040px, calc(100% - 42px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  margin: 26px auto 0;
  padding: 20px 24px;
  background: #e8efe9;
  border: 1px solid #cbd8cf;
  border-left: 4px solid var(--reader-green);
  border-radius: 8px;
}

.response-context p { margin: 0; line-height: 1.55; }
.response-context .response-context-label {
  margin-bottom: 5px;
  color: var(--reader-green);
  font-size: .69rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.response-context nav { display: grid; gap: 6px; min-width: 150px; }
.response-context a { color: var(--reader-green); font-size: .76rem; font-weight: 800; text-underline-offset: .16em; }

@media (max-width: 760px) {
  .response-context { width: min(100% - 24px, 820px); grid-template-columns: 1fr; padding: 18px; }
  .response-context nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 460px) {
  .response-context nav { grid-template-columns: 1fr; }
}