/* section furniture — title-area
   Ported from design-export/base.css (Phase 3 Stage 2 split).
   No literal colour, no literal font family: every value is a token. */

.title-area {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2.2rem;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--line);
  padding-bottom: 1rem;
  margin-bottom: 1.6rem;
}
.title-area > * { min-width: 0; }
.title-area--stacked { display: block; }
.title-area.text-center, .text-center { text-align: center; }
.title-area.text-center { justify-content: center; }
.title-area.text-center :is(.content-area-title, .section-intro, p) { margin-inline: auto; }

@media (max-width: 40em) {
  .title-area { display: block; }
}