:root {
  --onboarding-blue: #2f6fed;
  --onboarding-blue-dark: #1f55c7;
  --onboarding-ink: #181b21;
  --onboarding-muted: #737a86;
  --onboarding-line: #e2e5ea;
}

.body--community-onboarding {
  background:
    radial-gradient(circle at 50% 115px, rgba(47, 111, 237, 0.08), transparent 310px),
    #f4f5f7;
}

.page.page--community-onboarding {
  padding-bottom: 0;
}

.community-onboarding__main {
  width: min(700px, calc(100% - 40px));
  margin: 0 auto;
  padding: 56px 0 80px;
}

.community-onboarding__intro {
  margin-bottom: 35px;
  text-align: center;
}

.community-onboarding__eyebrow {
  margin: 0 0 10px;
  color: var(--onboarding-blue);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0.17em;
}

.community-onboarding__intro h1,
.community-care-settings__main > h1 {
  margin: 0;
  color: var(--onboarding-ink);
  font-size: clamp(30px, 5vw, 42px);
  letter-spacing: -0.06em;
  line-height: 1.18;
}

.community-onboarding__intro > p:not(.community-onboarding__eyebrow),
.community-care-settings__main > p:not(.community-onboarding__eyebrow) {
  margin: 14px 0 0;
  color: var(--onboarding-muted);
  font-size: 18px;
  line-height: 1.72;
}

.community-onboarding__steps {
  display: flex;
  width: min(550px, 100%);
  margin: 35px auto 43px;
  align-items: center;
  justify-content: center;
}

.community-onboarding__steps span {
  display: flex;
  min-width: 108px;
  align-items: center;
  gap: 7px;
  color: #a0a6af;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}

.community-onboarding__steps span:nth-of-type(2) {
  justify-content: center;
}

.community-onboarding__steps span:last-child {
  justify-content: flex-end;
}

.community-onboarding__steps span i {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid #d8dbe1;
  border-radius: 50%;
  background: #fff;
  font-size: 12px;
  font-style: normal;
}

.community-onboarding__steps span.is-complete,
.community-onboarding__steps span.is-current {
  color: #315cad;
}

.community-onboarding__steps span.is-complete i {
  border-color: #d6e1f9;
  background: #eaf1ff;
  color: var(--onboarding-blue);
}

.community-onboarding__steps span.is-current i {
  border-color: var(--onboarding-blue);
  background: var(--onboarding-blue);
  box-shadow: 0 0 0 5px rgba(47, 111, 237, 0.09);
  color: #fff;
}

.community-onboarding__steps > b {
  height: 1px;
  flex: 1;
  margin: 0 12px;
  background: #dfe2e7;
}

.community-onboarding-form {
  display: grid;
  min-width: 0;
  gap: 15px;
}

.community-onboarding-card,
.community-onboarding-care__choices,
.community-onboarding-care__details,
.community-learning-care-fields,
.community-care-consent,
.community-care-consent__head,
.community-care-consent details,
.community-onboarding-field,
.community-onboarding-field > span,
.community-phone-verification__phone-row,
.community-phone-verification__code-row {
  min-width: 0;
}

.community-onboarding-errors {
  padding: 16px 18px;
  border: 1px solid #f1caca;
  border-radius: 14px;
  background: #fff4f4;
  color: #a83b3b;
  font-size: 14px;
  line-height: 1.55;
}

.community-onboarding-errors b {
  font-size: 15px;
}

.community-onboarding-errors ul {
  margin: 7px 0 0;
  padding-left: 18px;
}

.community-onboarding-card,
.community-onboarding-principles,
.community-care-status,
.community-care-settings__notice {
  position: relative;
  padding: 31px 34px;
  border: 1px solid var(--onboarding-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 7px 24px rgba(26, 34, 51, 0.045);
}

.community-onboarding-card__number {
  position: absolute;
  top: 30px;
  right: 33px;
  color: #e2e5eb;
  font-size: 30px;
  font-weight: 950;
  letter-spacing: -0.06em;
}

.community-onboarding-card__head {
  max-width: 650px;
}

.community-onboarding-card__head p,
.community-onboarding-principles > p {
  margin: 0 0 7px;
  color: var(--onboarding-blue);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.16em;
}

.community-onboarding-card__head h2,
.community-onboarding-principles > h2 {
  margin: 0;
  color: var(--onboarding-ink);
  font-size: 25px;
  letter-spacing: -0.045em;
}

.community-onboarding-card__head > span {
  display: block;
  margin-top: 8px;
  color: #848a94;
  font-size: 16px;
  line-height: 1.55;
}

.community-onboarding-profile__member {
  display: flex;
  min-height: 79px;
  margin-top: 24px;
  padding: 14px 16px;
  align-items: center;
  gap: 13px;
  border: 1px solid #e6e8ec;
  border-radius: 14px;
  background: #fafbfc;
}

.community-onboarding-profile__member .community-avatar {
  width: 44px;
  height: 44px;
  font-size: 13px;
}

.community-onboarding-profile__member > div {
  min-width: 0;
}

.community-onboarding-profile__member b,
.community-onboarding-profile__member small {
  display: block;
}

.community-onboarding-profile__member b {
  color: #30343b;
  font-size: 17px;
}

.community-onboarding-profile__member small {
  overflow: hidden;
  margin-top: 5px;
  color: #9399a2;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.community-onboarding-profile__member em {
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eaf8f0;
  color: #218454;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.community-onboarding-care__choices {
  display: grid;
  margin-top: 25px;
  grid-template-columns: 1fr;
  gap: 12px;
}

.community-onboarding-care__choices > label {
  position: relative;
  display: flex;
  min-height: 88px;
  padding: 18px 20px;
  align-items: center;
  gap: 13px;
  border: 1px solid #e1e4e9;
  border-radius: 15px;
  background: #fbfbfc;
  cursor: pointer;
  transition: 150ms ease;
}

.community-onboarding-care__choices > label:hover,
.community-onboarding-care__choices > label:has(input:checked) {
  border-color: #8ba9ee;
  background: #f5f8ff;
  box-shadow: inset 0 0 0 1px rgba(47, 111, 237, 0.1);
}

.community-onboarding-care__choices input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.community-onboarding-choice__icon {
  display: grid;
  width: 37px;
  height: 37px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 11px;
  background: #edf0f4;
  color: #777f8b;
  font-size: 16px;
  font-weight: 900;
}

.community-onboarding-choice__icon--care {
  background: #eaf1ff;
  color: var(--onboarding-blue);
}

.community-onboarding-care__choices label > span:nth-of-type(2) {
  min-width: 0;
}

.community-onboarding-care__choices b,
.community-onboarding-care__choices small {
  display: block;
}

.community-onboarding-care__choices b {
  color: #30343b;
  font-size: 17px;
}

.community-onboarding-care__choices small {
  margin-top: 6px;
  color: #8d939d;
  font-size: 15px;
  line-height: 1.55;
}

.community-onboarding-choice__recommendation {
  display: inline-flex;
  min-height: 22px;
  margin-left: 5px;
  padding: 0 8px;
  align-items: center;
  border: 1px solid #cbdcff;
  border-radius: 999px;
  background: #eaf1ff;
  color: #2864dc;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: -0.02em;
  vertical-align: 2px;
}

.community-onboarding-care__choices label > i {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  margin-left: auto;
  border: 1px solid #cbd0d8;
  border-radius: 50%;
  background: #fff;
}

.community-onboarding-care__choices label:has(input:checked) > i {
  border: 5px solid var(--onboarding-blue);
}

.community-onboarding-care__details {
  display: none;
  margin-top: 17px;
  padding: 24px;
  border: 1px solid #d9e3f9;
  border-radius: 15px;
  background: #f7f9fe;
}

.community-onboarding-care:has(#care-choice-active:checked) .community-onboarding-care__details {
  display: block;
}

.community-care-consent {
  margin-bottom: 24px;
  padding-bottom: 22px;
  border-bottom: 1px solid #dfe5ef;
}

.community-care-consent__head {
  position: relative;
}

.community-care-consent__head > label {
  display: flex;
  min-height: 44px;
  min-width: 0;
  padding-right: 78px;
  align-items: center;
  gap: 10px;
  color: #303641;
  cursor: pointer;
}

.community-care-consent__head > label input {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  margin: 0;
  accent-color: var(--onboarding-blue);
}

.community-care-consent__head > label b {
  min-width: 0;
  font-size: 15px;
  line-height: 1.4;
  word-break: keep-all;
}

.community-care-consent details {
  display: block;
}

.community-care-consent summary {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  min-width: 68px;
  min-height: 44px;
  padding: 0 4px;
  justify-content: flex-end;
  align-items: center;
  color: #536987;
  font-size: 13px;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  list-style: none;
}

.community-care-consent summary::-webkit-details-marker {
  display: none;
}

.community-care-consent summary span:last-child,
.community-care-consent details[open] summary span:first-child {
  display: none;
}

.community-care-consent details[open] summary span:last-child {
  display: inline;
}

.community-care-consent__details {
  margin-top: 13px;
  padding: 16px;
  border: 1px solid #dce3ee;
  border-radius: 12px;
  background: #fff;
}

.community-care-consent__details dl {
  display: grid;
  margin: 0;
  gap: 9px;
}

.community-care-consent__details dl > div {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px;
}

.community-care-consent__details dt,
.community-care-consent__details dd {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.community-care-consent__details dt {
  color: #3d4654;
  font-weight: 900;
}

.community-care-consent__details dd {
  color: #697484;
}

.community-care-consent__details p,
.community-care-consent > p {
  margin: 12px 0 0;
  color: #778291;
  font-size: 14px;
  line-height: 1.6;
}

.community-care-consent__details p {
  padding-top: 11px;
  border-top: 1px solid #e5e9ef;
}

.community-onboarding-field {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr;
  gap: 10px;
}

.community-onboarding-field > label {
  padding-top: 0;
  color: #343840;
  font-size: 16px;
  font-weight: 900;
}

.community-onboarding-field input {
  width: 100%;
  height: 49px;
  padding: 0 13px;
  border: 1px solid #d5d9e0;
  border-radius: 10px;
  outline: none;
  background: #fff;
  color: #292d34;
  font: inherit;
  font-size: 17px;
}

.community-onboarding-field input:focus {
  border-color: #7d9ee7;
  box-shadow: 0 0 0 3px rgba(47, 111, 237, 0.09);
}

.community-phone-verification [hidden] {
  display: none;
}

.community-phone-verification__phone-row,
.community-phone-verification__code-row {
  display: flex;
  align-items: center;
  gap: 9px;
}

.community-phone-verification__phone-row input,
.community-phone-verification__code-row input {
  min-width: 0;
  flex: 1;
}

.community-phone-verification__phone-row input[readonly] {
  border-color: #b9ddca;
  background: #f3fbf7;
  color: #28734f;
  font-weight: 800;
}

.community-phone-verification__send,
.community-phone-verification__code-row button {
  min-height: 49px;
  flex: 0 0 auto;
  padding: 0 15px;
  border: 0;
  border-radius: 10px;
  background: #2f6fed;
  color: #fff;
  font: inherit;
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
}

.community-phone-verification__send:disabled,
.community-phone-verification__code-row button:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.community-phone-verification__code-row {
  margin-top: 10px;
}

.community-phone-verification__code-row b {
  min-width: 38px;
  color: #df604e;
  font-size: 14px;
  text-align: center;
}

.community-phone-verification__status {
  display: block;
  min-height: 19px;
  margin-top: 8px;
  color: #7e8794;
  font-size: 15px;
  line-height: 1.5;
}

.community-phone-verification__status.is-success {
  color: #218454;
  font-weight: 850;
}

.community-phone-verification__status.is-error {
  color: #bd4141;
  font-weight: 800;
}

.community-phone-verification__purpose {
  margin: 10px 0 0;
  color: #737d8b;
  font-size: 15px;
}

.community-onboarding-field small {
  display: block;
  margin-top: 7px;
  color: #959ba5;
  font-size: 15px;
}

.community-onboarding-consent {
  display: flex;
  margin-top: 20px;
  padding-top: 18px;
  align-items: flex-start;
  gap: 10px;
  border-top: 1px solid #e2e6ef;
  cursor: pointer;
}

.community-onboarding-consent input {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  margin: 1px 0 0;
  accent-color: var(--onboarding-blue);
}

.community-onboarding-consent b,
.community-onboarding-consent small {
  display: block;
}

.community-onboarding-consent b {
  color: #3d424a;
  font-size: 16px;
}

.community-onboarding-consent small {
  margin-top: 6px;
  color: #838a95;
  font-size: 14px;
  line-height: 1.6;
}

.community-onboarding-care__details > p {
  margin: 13px 0 0 27px;
  color: #8b6370;
  font-size: 14px;
}

.community-onboarding-care__details > .community-phone-verification__purpose {
  margin: 6px 0 0;
}

.community-onboarding-principles > div {
  display: grid;
  margin-top: 23px;
  grid-template-columns: 1fr;
  gap: 0;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
}

.community-onboarding-principles > div > span {
  display: grid;
  min-height: 76px;
  padding: 17px 19px;
  align-items: center;
  grid-template-columns: 42px 145px minmax(0, 1fr);
  gap: 10px;
  border-bottom: 1px solid #e5e7eb;
}

.community-onboarding-principles > div > span:last-child {
  border-bottom: 0;
}

.community-onboarding-principles i,
.community-onboarding-principles b,
.community-onboarding-principles small {
  display: block;
}

.community-onboarding-principles i {
  margin-bottom: 0;
  color: #8ba1ce;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.community-onboarding-principles b {
  color: #373b42;
  font-size: 16px;
}

.community-onboarding-principles small {
  margin-top: 0;
  color: #9096a0;
  font-size: 14px;
  line-height: 1.55;
}

.community-onboarding-form__footer {
  display: flex;
  padding: 24px 3px 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
}

.community-onboarding-form__footer p {
  margin: 0;
  color: #8f959f;
  font-size: 14px;
}

.community-onboarding-submit {
  width: min(100%, 360px);
  min-height: 54px;
  padding: 0 22px;
  border: 0;
  border-radius: 12px;
  background: var(--onboarding-blue);
  box-shadow: 0 8px 20px rgba(47, 111, 237, 0.22);
  color: #fff;
  font: inherit;
  font-size: 17px;
  font-weight: 900;
  cursor: pointer;
}

.community-onboarding-submit:hover {
  background: var(--onboarding-blue-dark);
}

.community-care-settings__main {
  width: min(760px, calc(100% - 40px));
  margin: 0 auto;
  padding: 54px 0 90px;
}

.community-care-settings__main > .community-onboarding-errors,
.community-care-settings__main > .community-care-status,
.community-care-settings__main > .community-onboarding-card {
  margin-top: 26px;
}

.community-care-status {
  display: flex;
  align-items: center;
  gap: 16px;
}

.community-care-status__mark {
  display: grid;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 14px;
  background: #eaf8f0;
  color: #23965c;
  font-size: 19px;
  font-weight: 900;
}

.community-care-status--withdrawn .community-care-status__mark {
  background: #f0f1f3;
  color: #7c838d;
}

.community-care-status > div small {
  color: #959ba5;
  font-size: 14px;
}

.community-care-status h2 {
  margin: 4px 0 0;
  color: #2d3138;
  font-size: 22px;
  letter-spacing: -0.04em;
}

.community-care-status p {
  margin: 7px 0 0;
  color: #838a94;
  font-size: 13px;
}

.community-care-status > b {
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eaf8f0;
  color: #25885a;
  font-size: 11px;
}

.community-care-status--withdrawn > b {
  background: #f0f1f3;
  color: #7c838d;
}

.community-care-settings__notice {
  margin-top: 14px;
}

.community-care-settings__notice h2 {
  margin: 0;
  color: #30343b;
  font-size: 19px;
}

.community-care-settings__notice ul {
  margin: 15px 0 22px;
  padding-left: 18px;
  color: #777e89;
  font-size: 14px;
  line-height: 1.9;
}

.community-care-withdraw {
  min-height: 39px;
  padding: 0 14px;
  border: 1px solid #e3bcbc;
  border-radius: 10px;
  background: #fff7f7;
  color: #aa4040;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.community-care-settings__form form {
  margin-top: 25px;
}

.community-care-settings__form .community-onboarding-submit {
  display: block;
  margin: 24px auto 0;
}

@media (max-width: 760px) {
  .community-onboarding__main,
  .community-care-settings__main {
    width: min(100% - 32px, 700px);
    padding-top: 32px;
    padding-bottom: calc(48px + env(safe-area-inset-bottom));
  }

  .community-onboarding__intro h1,
  .community-care-settings__main > h1 {
    font-size: clamp(28px, 8vw, 32px);
    line-height: 1.24;
  }

  .community-onboarding__intro > p:not(.community-onboarding__eyebrow),
  .community-care-settings__main > p:not(.community-onboarding__eyebrow) {
    margin-top: 12px;
    font-size: 17px;
    line-height: 1.65;
  }

  .community-onboarding__intro {
    margin-bottom: 29px;
  }

  .community-onboarding__intro > p:not(.community-onboarding__eyebrow) br {
    display: none;
  }

  .community-onboarding__steps {
    margin: 29px auto 31px;
  }

  .community-onboarding__steps span {
    min-width: 25px;
    font-size: 0;
  }

  .community-onboarding__steps span:nth-of-type(2),
  .community-onboarding__steps span:last-child {
    justify-content: initial;
  }

  .community-onboarding__steps span i {
    font-size: 12px;
  }

  .community-onboarding-card,
  .community-onboarding-principles,
  .community-care-status,
  .community-care-settings__notice {
    padding: 22px 20px;
    border-radius: 17px;
  }

  .community-onboarding-card__number {
    top: 22px;
    right: 18px;
    font-size: 25px;
  }

  .community-onboarding-card__head {
    padding-right: 30px;
  }

  .community-onboarding-card__head h2,
  .community-onboarding-principles > h2 {
    font-size: 23px;
  }

  .community-onboarding-care__choices {
    grid-template-columns: 1fr;
  }

  .community-onboarding-care__choices > label {
    min-height: 0;
    padding: 18px 16px;
  }

  .community-onboarding-care__details {
    padding: 18px 16px;
  }

  .community-care-consent__head > label b {
    font-size: 14px;
  }

  .community-care-consent__details {
    padding: 14px;
  }

  .community-care-consent__details dl > div {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .community-phone-verification__phone-row,
  .community-phone-verification__code-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .community-phone-verification__send,
  .community-phone-verification__code-row button {
    width: 100%;
    padding: 0 14px;
    font-size: 15px;
  }

  .community-phone-verification__code-row b {
    min-width: 0;
    padding: 2px 0;
    text-align: left;
  }

  .community-onboarding-care__details > p {
    margin-left: 0;
    line-height: 1.5;
  }

  .community-onboarding-principles > div {
    grid-template-columns: 1fr;
  }

  .community-onboarding-principles > div > span {
    min-height: 0;
    padding: 18px 16px;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 5px 10px;
  }

  .community-onboarding-principles small {
    grid-column: 2;
  }

  .community-onboarding-form__footer {
    display: flex;
    padding-top: 20px;
  }

  .community-onboarding-form__footer p {
    margin-bottom: 0;
    text-align: center;
  }

  .community-onboarding-submit {
    width: 100%;
    min-height: 56px;
  }

  .community-care-status {
    align-items: flex-start;
  }

  .community-care-status > b {
    display: none;
  }

  .community-care-settings .community-care-settings__main {
    width: 100%;
    padding: 18px 12px calc(42px + env(safe-area-inset-bottom));
  }

  .community-care-settings .community-care-settings__main > h1 {
    font-size: 26px;
    line-height: 1.3;
  }

  .community-care-settings .community-care-settings__main > .community-onboarding-errors,
  .community-care-settings .community-care-settings__main > .community-care-status,
  .community-care-settings .community-care-settings__main > .community-onboarding-card {
    margin-top: 16px;
  }

  .community-care-settings .community-care-settings__form {
    padding: 18px 15px;
    border-radius: 15px;
  }

  .community-care-settings .community-care-settings__form .community-onboarding-card__head {
    padding-right: 0;
  }

  .community-care-settings .community-care-settings__form .community-onboarding-card__head h2 {
    font-size: 21px;
    line-height: 1.35;
  }

  .community-care-settings .community-care-settings__form .community-onboarding-card__head > span {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.55;
  }

  .community-care-settings .community-care-settings__form form {
    margin-top: 18px;
  }

  .community-care-settings .community-care-consent {
    margin-bottom: 18px;
    padding: 13px;
    border: 1px solid #dce4f2;
    border-radius: 12px;
    background: #f7f9fd;
  }

  .community-care-settings .community-care-consent__head {
    display: grid;
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
  }

  .community-care-settings .community-care-consent__head > label {
    min-height: 44px;
    padding-right: 0;
    align-items: center;
  }

  .community-care-settings .community-care-consent__head > label input {
    width: 16px;
    height: 16px;
    margin: 0;
  }

  .community-care-settings .community-care-consent__head > label b {
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
  }

  .community-care-settings .community-care-consent details {
    margin: -20px 0 0;
  }

  .community-care-settings .community-care-consent summary {
    position: static;
    width: max-content;
    min-width: 68px;
    min-height: 44px;
    margin: 0 0 0 24px;
    padding: 0;
    justify-content: flex-start;
    font-size: 12px;
  }

  .community-care-settings .community-care-consent__details {
    margin-top: 3px;
    padding: 12px;
  }

  .community-care-settings .community-care-consent__details dl {
    gap: 10px;
  }

  .community-care-settings .community-care-consent__details dt,
  .community-care-settings .community-care-consent__details dd,
  .community-care-settings .community-care-consent__details p,
  .community-care-settings .community-care-consent > p {
    font-size: 13px;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }

  .community-care-settings .community-care-consent > p {
    margin-top: 5px;
  }

  .community-care-settings .community-onboarding-field > label {
    font-size: 14px;
  }

  .community-care-settings .community-phone-verification__phone-row,
  .community-care-settings .community-phone-verification__code-row {
    gap: 8px;
  }

  .community-care-settings .community-phone-verification__code-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .community-care-settings .community-phone-verification__code-row button {
    grid-column: 1 / -1;
  }

  .community-care-settings .community-phone-verification__status {
    font-size: 13px;
    line-height: 1.5;
  }

  .community-care-settings .community-care-settings__form .community-onboarding-submit {
    width: 100%;
    min-height: 54px;
    margin-top: 18px;
  }

  .community-care-settings .community-care-status {
    display: grid;
    padding: 17px 15px;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
  }

  .community-care-settings .community-care-status__mark {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }

  .community-care-settings .community-care-status h2 {
    font-size: 19px;
  }

  .community-care-settings .community-care-status p {
    font-size: 13px;
    overflow-wrap: anywhere;
  }

  .community-care-settings .community-care-settings__notice {
    margin-top: 14px;
    padding: 17px 15px;
    border-radius: 15px;
  }

  .community-care-settings .community-care-settings__notice h2 {
    font-size: 18px;
  }

  .community-care-settings .community-care-settings__notice ul {
    margin: 12px 0 16px;
    padding-left: 18px;
    font-size: 14px;
    line-height: 1.65;
  }

  .community-care-settings .community-care-settings__notice li + li {
    margin-top: 6px;
  }

  .community-care-settings .community-care-settings__connection {
    border-color: #efd6d6;
    background: #fffafa;
    box-shadow: none;
  }

  .community-care-settings .community-care-withdraw {
    width: 100%;
    min-height: 48px;
  }
}

@media (max-width: 430px) {
  .page--community-onboarding > .flash {
    position: absolute;
    top: 125px;
    width: max-content;
    max-width: calc(100vw - 32px);
    padding: 11px 14px;
    font-size: 15px;
    line-height: 1.45;
    text-align: center;
  }

  .page--community-onboarding:has(> .flash) .community-onboarding__main {
    padding-top: 104px;
  }
}

@media (max-width: 380px) {
  .community-onboarding-card,
  .community-onboarding-principles,
  .community-care-status,
  .community-care-settings__notice {
    padding-right: 16px;
    padding-left: 16px;
  }

  .community-onboarding-card__number {
    right: 15px;
  }

  .community-onboarding-care__choices > label {
    padding-right: 12px;
    padding-left: 12px;
    gap: 10px;
  }

  .community-onboarding-care__details {
    padding-right: 12px;
    padding-left: 12px;
  }

  .community-care-consent__head > label {
    padding-right: 70px;
  }

  .community-care-consent summary {
    min-width: 62px;
    font-size: 12px;
  }
}