/* main-integrate: small parts shared by the three second-act blocks
 * (act2-financing.css, act2-departments.css, act2-footer.css). Added beside
 * base.css, never carved into it — lifted verbatim from the picked mock's
 * main2.css so the port changes no rule, only where it lives. */

/* A section page that ends in the footer keeps the footer at the foot. */
.sheet-with-footer { padding-bottom: 0; }

.kicker {
  display: block;
  font-size: var(--resurs-size-kicker);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--resurs-accent);
}

/* The call on the light ground: accent pill, white dot. The site's two pills
   are for the photograph and the panel; a third ground needs a third pill. */
.pill-accent {
  padding: 8px 8px 8px 24px;
  background: var(--resurs-accent);
  color: var(--resurs-on-accent);
  font-size: var(--resurs-size-nav);
}
.pill-accent .dot { width: 34px; height: 34px; background: var(--resurs-on-accent); color: var(--resurs-accent); }
.pill-accent:hover { background: var(--resurs-accent-hover); }

.quiet-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--resurs-size-small);
  color: var(--resurs-ink-muted);
}
.quiet-link:hover { color: var(--resurs-ink); }

/* A labelled placeholder. Dashed so it is never read as content. */
.placeholder {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border: 1px dashed var(--resurs-placeholder-edge);
  border-radius: var(--resurs-radius-pill);
  font-size: var(--resurs-size-small);
  color: var(--resurs-placeholder-ink);
  white-space: nowrap;
}

/* --- widths -------------------------------------------------------------- */
@media (max-width: 560px) {
  /* The kicker's own size token reads under 14px; a literal floor here is an
     override of the rendered size, not of design/tokens* - the token itself
     is untouched and free to change independently. */
  .kicker { font-size: 14px; }
  /* A text-only link with no visible box: min-height alone grows the tap
     target without adding a border, background or shifting the baseline. */
  .quiet-link { min-height: 44px; }
}