/* A single title/subtitle rhythm across the five workspace views. */
:is(.intro, .hub-header, .view-header, .radar-page-heading) h2 {
  margin: 0;
  color: var(--ink);
  font-family: inherit;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -1.3px;
  line-height: 1.12;
}

:is(.intro, .hub-header, .view-header, .radar-page-heading) > :first-child > p,
:is(.intro, .view-header) > p {
  max-width: 720px;
  margin: 10px 0 0;
  color: var(--muted);
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.65;
}

.intro { padding-right: 0; }

/* One gap from each page subtitle to its first content surface or controls. */
.intro, .hub-header, .view-header, .radar-page-heading { margin-bottom: 16px; }
.intro ~ .workspace { margin-top: 0; }

/* Match the Deal Hub toolbar buttons across desktop and narrow layouts. */
.transaction-side-options button,
.transaction-side-toggle {
  height: 36px;
  min-height: 36px;
  padding: 9px 14px;
  border-radius: 20px;
  font: 500 11px Inter, sans-serif;
}

@media (max-width: 760px) {
  .hub-header .hub-toolbar { margin-top: 16px; }
}

/* Stack below the last subtitle line rather than positioning over its text. */
@media (max-width: 980px) {
  .intro .transaction-side,
  .library-view .view-header .transaction-side {
    position: static;
    margin: 16px 0 0;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 600px) {
  :is(.intro, .hub-header, .view-header, .radar-page-heading) h2 { font-size: 29px; }
}