/* Feature workspace pages built on the shared ma-page component system. */
body.web4-template-feature .ma-page .ma-profile-head,
body.web4-template-feature .ma-page .ma-profile-row {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .72fr)
    minmax(0, .86fr) minmax(0, 1.12fr) minmax(0, .68fr);
  gap: 8px;
}

body.web4-template-feature .ma-page .ma-profile-row > span {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}

body.web4-template-feature .ma-page .ma-profile-row .ma-profile-state {
  width: auto;
  justify-self: stretch;
}

body.web4-template-feature .ma-page .ma-profile-row > span:not(.ma-profile-name) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.web4-template-feature .ma-page .ma-profile-state {
  justify-self: start;
}

body.web4-template-feature .ma-page .ma-app-heading {
  grid-template-columns: minmax(0, 1fr) auto;
}

body.web4-template-feature .ma-page .ma-app-heading .ma-create {
  grid-column: 2;
}

body.web4-template-feature .ma-page .ma-app-nav span,
body.web4-template-feature .ma-page .ma-create,
body.web4-template-feature .ma-page .ma-profile-name {
  overflow-wrap: anywhere;
}

html[lang="en"] body.web4-template-feature .ma-page .ma-hero-copy h2 {
  font-size: clamp(38px, 3.7vw, 56px);
}

html[lang="de"] body.web4-template-feature .ma-page .ma-hero-copy h2,
html[lang="ru"] body.web4-template-feature .ma-page .ma-hero-copy h2 {
  font-size: clamp(34px, 3.25vw, 50px);
}

html[lang="es"] body.web4-template-feature .ma-page .ma-hero-copy h2,
html[lang="fr"] body.web4-template-feature .ma-page .ma-hero-copy h2,
html[lang="pt"] body.web4-template-feature .ma-page .ma-hero-copy h2,
html[lang="vi"] body.web4-template-feature .ma-page .ma-hero-copy h2 {
  font-size: clamp(36px, 3.45vw, 52px);
}

@media (max-width: 1199px) {
  body.web4-template-feature .ma-page .ma-profile-head,
  body.web4-template-feature .ma-page .ma-profile-row {
    grid-template-columns: minmax(0, 1.4fr) minmax(76px, .72fr)
      minmax(74px, .68fr);
    gap: 8px;
  }

  body.web4-template-feature .ma-page .ma-profile-head > span:nth-child(2),
  body.web4-template-feature .ma-page .ma-profile-head > span:nth-child(4),
  body.web4-template-feature .ma-page .ma-profile-row > span:nth-child(2),
  body.web4-template-feature .ma-page .ma-profile-row > span:nth-child(4) {
    display: none;
  }
}

@media (max-width: 767px) {
  body.web4-template-feature .ma-page .ma-profile-head {
    display: none;
  }

  body.web4-template-feature .ma-page .ma-profile-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body.web4-template-feature .ma-page .ma-profile-row > span:nth-child(2),
  body.web4-template-feature .ma-page .ma-profile-row > span:nth-child(3),
  body.web4-template-feature .ma-page .ma-profile-row > span:nth-child(4) {
    display: none;
  }

  body.web4-template-feature .ma-page .ma-profile-state {
    justify-self: end;
  }
}