.walter-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}
.walter-summary > div, .walter-connection-grid > div {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px;
  background: #f7f9fc;
  display: grid;
  gap: 3px;
}
.walter-summary span, .walter-summary small, .walter-connection-grid span {
  color: var(--muted);
  font-size: 12px;
}
.walter-summary strong { font: 600 25px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-variant-numeric: tabular-nums; letter-spacing: -.5px; }
.walter-edit-list { display: grid; gap: 12px; margin-top: 14px; }
.walter-edit { border: 1px solid var(--line); border-radius: 10px; padding: 14px; }
.walter-edit summary { cursor: pointer; display: flex; justify-content: space-between; gap: 12px; font-weight: 700; }
.walter-diff { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
.walter-diff > div { border: 1px solid var(--line); border-radius: 8px; padding: 13px; background: #fafbfe; }
.walter-diff p { margin: 7px 0 0; font: 14px/1.65 Georgia, serif; }
.walter-connection-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 18px 0; }
.walter-connection-grid strong { font-size: 14px; }
.walter-panel { margin-bottom: 24px; }
@media (max-width: 800px) {
  .walter-summary, .walter-connection-grid, .walter-diff { grid-template-columns: 1fr; }
}