/* V372: one calm family signup instead of an administration dashboard. */
body[data-family-guided="true"] .rolf-guide {
  width: min(760px, calc(100% - 24px));
  gap: 16px;
}

body[data-family-guided="true"] .rolf-guide__hero {
  grid-template-columns: auto minmax(0, 1fr);
  padding: clamp(20px, 4vw, 34px);
}

body[data-family-guided="true"] .rolf-guide__hero h1 {
  font-size: clamp(30px, 5vw, 48px);
}

body[data-family-guided="true"] .rolf-guide__hero p {
  font-size: clamp(15px, 2vw, 18px);
}

body[data-family-guided="true"] .rolf-guide__voice,
body[data-family-guided="true"] .rolf-signup > :not(.rolf-signup__profile):not(.rolf-signup__start):not(.rolf-signup__jobs) {
  display: none !important;
}

body[data-family-guided="true"] .rolf-signup {
  gap: 14px;
  padding: clamp(16px, 3vw, 24px);
}

body[data-family-guided="true"] .rolf-signup__profile {
  grid-template-columns: 1fr;
  gap: 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

body[data-family-guided="true"] .rolf-signup__profile::before,
body[data-family-guided="true"] .rolf-signup__profile > aside,
body[data-family-guided="true"] .rolf-signup__profile > .ai-leader-profile-server-note,
body[data-family-guided="true"] .rolf-signup__profile .ai-leader-profile-guide,
body[data-family-guided="true"] .rolf-signup__profile [data-ai-leader-profile-guide-status],
body[data-family-guided="true"] .rolf-profile-prepared {
  display: none !important;
}

body[data-family-guided="true"] .rolf-signup__form-intro {
  align-items: flex-start;
  padding: 4px 2px 8px;
}

body[data-family-guided="true"] .rolf-signup__form-intro > b {
  flex: 0 0 42px;
}

body[data-family-guided="true"] .family-profile-block {
  min-width: 0;
  margin: 0;
  padding: 16px;
  border: 1px solid rgba(90, 217, 255, .2);
  border-radius: 16px;
  background: rgba(255, 255, 255, .025);
}

body[data-family-guided="true"] .family-profile-block legend {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 7px;
  color: #effffc;
  font-size: 17px;
  font-weight: 950;
}

body[data-family-guided="true"] .family-profile-block legend b {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 9px;
  background: linear-gradient(110deg, #39e6bd, #5ad9ff);
  color: #07131f;
}

body[data-family-guided="true"] .family-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body[data-family-guided="true"] .family-profile-grid--address {
  grid-template-columns: minmax(120px, .55fr) minmax(180px, 1fr);
}

body[data-family-guided="true"] .family-profile-street {
  grid-column: 1 / -1;
}

body[data-family-guided="true"] .family-profile-block > small {
  display: block;
  margin-top: 10px;
  color: #8ca6ad;
  font-size: 12px;
  line-height: 1.45;
}

body[data-family-guided="true"] .family-signup-ok {
  width: 100%;
  min-height: 70px !important;
  font-size: clamp(17px, 2.5vw, 21px) !important;
}

body[data-family-guided="true"] .rolf-signup__profile > [data-rolf-signup-profile-status] {
  margin: 0;
  color: #a8c1c5;
  text-align: center;
}

body[data-family-guided="true"] .rolf-signup__start {
  grid-template-columns: 1fr !important;
  gap: 14px;
  align-items: stretch;
  padding: 0;
  border: 0;
  background: transparent;
}

body[data-family-guided="true"] .rolf-signup__start > * {
  grid-column: 1 !important;
}

body[data-family-guided="true"] .rolf-signup__start .ai-leader__recommendation {
  padding: 16px;
}

body[data-family-guided="true"] .rolf-signup__start > button.primary {
  width: 100%;
  min-height: 72px;
  font-size: clamp(17px, 2.5vw, 21px);
}

body[data-family-guided="true"] .rolf-signup__start > [data-rolf-signup-start-status] {
  margin: 0;
  color: #9cb4ba;
  text-align: center;
}

body[data-family-guided="true"] .rolf-signup__jobs {
  display: none;
}

body[data-family-guided="true"] .rolf-signup__jobs:has(.rolf-signup__job) {
  display: grid;
}

body[data-family-guided="true"] .rolf-signup:has(.rolf-signup__job) .rolf-signup__start {
  display: none !important;
}

@media (max-width: 620px) {
  body[data-family-guided="true"] .rolf-guide {
    width: min(100% - 12px, 760px);
    margin-top: 6px;
  }

  body[data-family-guided="true"] .rolf-guide__hero {
    grid-template-columns: 1fr;
  }

  body[data-family-guided="true"] .rolf-guide__assistant {
    display: none;
  }

  body[data-family-guided="true"] .family-profile-grid,
  body[data-family-guided="true"] .family-profile-grid--address {
    grid-template-columns: 1fr;
  }

  body[data-family-guided="true"] .family-profile-street {
    grid-column: 1;
  }
}