.owner-phone {
  box-sizing: border-box;
  margin-block: 1.25rem;
  padding: clamp(.85rem, 3vw, 1.5rem);
  border: 1px solid currentColor;
  border-radius: .75rem;
  max-inline-size: 100%;
  overflow-wrap: anywhere;
}
.owner-phone h3, .owner-phone p { margin-block: 0 .65rem; }
.owner-phone form { display: grid; gap: .75rem; }
.owner-phone label { display: grid; gap: .3rem; }
.owner-phone input, .owner-phone select {
  box-sizing: border-box;
  min-height: 44px;
  width: min(100%, 28rem);
  font: inherit;
}
.owner-phone button, .owner-phone--hint a {
  min-height: 44px;
  font: inherit;
}
.owner-phone--hint a { display: inline-flex; align-items: center; margin-inline-end: 1rem; }
.owner-phone [hidden] { display: none !important; }
.owner-phone :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

#garage-settings > .garage-form-group {
  box-sizing: border-box;
  margin-block: .65rem;
  border: 1px solid var(--garage-rule, #555);
  border-radius: .75rem;
  overflow-wrap: anywhere;
}
#garage-settings > .garage-form-group > summary {
  box-sizing: border-box;
  min-height: 44px;
  padding: .75rem 1rem;
  font-weight: 700;
  cursor: pointer;
}
#garage-settings > .garage-form-group > summary:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -3px;
}
#garage-settings > .garage-form-group[open] > summary {
  border-bottom: 1px solid var(--garage-rule, #555);
}