.personal-activity-drawer {
  grid-template-rows: auto auto minmax(0, 1fr);
}
.blood-phone-preferences {
  flex: 0 0 auto;
  border-bottom: 1px solid #e1e1e1;
  color: #666;
  background: #fff;
  font: 12px/1.5 Arial, sans-serif;
}
.blood-phone-preferences[hidden] { display: none; }
.blood-phone-preferences summary {
  padding: 10px 22px;
  cursor: pointer;
  list-style: none;
}
.blood-phone-preferences summary::-webkit-details-marker { display: none; }
.blood-phone-preferences summary::after { content: "+"; float: right; font-size: 16px; line-height: 18px; }
.blood-phone-preferences[open] summary::after { content: "−"; }
.blood-phone-preferences summary span { margin-left: 8px; color: #111; }
.blood-phone-preferences > div { padding: 0 22px 14px; }
.blood-phone-preferences p { margin: 0 0 10px; max-width: 34em; }
.blood-phone-preferences button {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #d5d5d5;
  border-radius: 0;
  background: #fff;
  color: #111;
  font: inherit;
  min-height: 40px;
  padding: 8px 14px;
  cursor: pointer;
}
.blood-phone-preferences button:disabled { color: #888; cursor: default; }
.blood-phone-preferences a { color: #111; text-decoration: underline; }
.blood-phone-preferences :focus-visible { outline: 1px solid #111; outline-offset: 3px; }
@media (max-width: 700px) {
  .blood-phone-preferences summary { padding: 11px 20px; }
  .blood-phone-preferences > div { padding: 0 20px 14px; }
}